Highcharts(二)基本属性


title: Highcharts(二)之基本属性
date: 2016-07-23 17:13:08
tags:


一.基本组成:

  1. Highcharts包含标题(Title):主标题是必须的但是subTTitle不是必须

  2. 坐标轴(Axis):有x坐标(xAxis)和y坐标(yAxis)

  3. 数据列(Series):每个曲线,每个柱形条组,每个饼图的部分

  4. 数据提示框(Tooltip):鼠标放上去的提示框

  5. 图例(Legend):通过点击标示可以显示或隐藏该数据列

  6. 版权信息(Credits):一般是highcharts的官网,指定credits.enabled=false不让显示

  7. 导出功能按钮(Exporting):需要包含exporting.js

  8. 标示线(PlotLines):主动添加如平均线等

二.参数属性:

1,调用highcharts:

方法一:

$(function () {
        $(".chart").highcharts({});
});

方法二:

var charts = new Highcharts.Chart({
    // Highcharts 配置
    chart : {
        renderTo : "container"  // 注意这里一定是 ID 选择器
    }
}); 

2.设置表格宽高:
等同于设置div的宽高:

style="width: 800px ;height: 400px"

3.图表样式:
常见的有:border、backgroundColor、margin、spacing、style

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 介绍: 什么是highcharts?用她能做什么呢?在什么情况下使用它呢 highcharts是一款纯js编写的图...
    love2013阅读 766评论 0 1
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,508评论 0 17
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,296评论 0 7
  • “哇塞诶,美女诶”一声声尖叫响起。只见一位美女从一辆保时捷下来。
    夏未央丶樱花落阅读 133评论 0 0
  • 我是一个抗压力很挫的人。 小时候,每到考试前夕,我就无比焦虑,虽然我一直名列前茅,但总是担心考不好,自己前几名的位...
    娜姐随手记阅读 689评论 0 49