Highcharts入门之基本属性

发布于 2016-10-25 03:14:24 | 108 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程，程序狗速度看过来！

Highcharts 纯Javascript图表

一.基本组成：

    1.Highcharts包含标题（Title）：主标题是必须的但是subTTitle不是必须

    2.坐标轴（Axis）：有x坐标（xAxis）和y坐标（yAxis）

    3.数据列（Series）：每个曲线，每个柱形条组，每个饼图的部分

    4.数据提示框（Tooltip）：鼠标放上去的提示框

    5.图例（Legend）：通过点击标示可以显示或隐藏该数据列

    6.<!--more-->

    7.版权信息（Credits）：一般是highcharts的官网，指定credits.enabled=false不让显示

    8.导出功能按钮（Exporting）：需要包含exporting.js

    9.标示线（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有所帮助，小编还会陆续更新Highcharts的相关文章，请继续关注phperz。