Highcharts入门之基本属性

一.基本组成：

    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的相关文章，请继续关注脚本之家。

您可能感兴趣的文章:

• Highcharts 多个Y轴动态刷新数据的实现代码
• 动态更新highcharts数据的实现方法
• Highcharts使用简例及异步动态读取数据
• Highcharts学习之坐标轴
• Highcharts入门之简介
• PHP+mysql+Highcharts生成饼状图
• 浅析jquery的js图表组件highcharts
• Highcharts学习之数据列