继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Highcharts(二)基本属性

UYOU
关注TA
已关注
手记 295
粉丝 86
获赞 458

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



作者:lwenxu
链接:https://www.jianshu.com/p/f9882dfdc515


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP