您的位置:首页 > Web前端

Highcharts(二)之基本属性

2016-07-24 17:11 197 查看

一.基本组成:

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

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

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

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

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

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

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

标示线(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 js 前端 图表