highchars笔记
2017-04-25 本文已影响0人
公瑾丶醉
$(function(){
$('#container').highcharts({
char:{--图表默认类型,可以是 [plotOptions]下列出的任何图表类型默认是line
type:line
}
title:{
text:'标题文本'
},
data: { --从html表格中提取数据
table: 'datatable'
},
xAxis: {
type:category --坐标轴类型
-- "linear", "logarithmic", "datetime" 或者 "category"之一,
--分别表示 “线性轴”、“对数轴”、“时间轴”、“分类轴”。
//categories: ['Jan', 'Feb', 'Mar', 'Apr']
--分类坐标轴中的分类。
--从 Highcharts 3.0 起,坐标的类别还可以通过指定数据点的 [name]来生效
},
yAxis: [{
title: {
text: 'Primary Axis' --y轴内容
},
gridLineWidth: 0 --网格宽度
gridLineColor:'#197F07' --网格颜色
},{
title: {
text: 'Secondary Axis'
},
opposite: true --坐标轴对面
}],
legend: { --图例
layout: 'vertical',
backgroundColor: '#FFFFFF',
floating: true,
align: 'left',
x: 100,
verticalAlign: 'top',
y: 70
},
tooltip: {--数据提示框
formatter: function () {
return '<b>' + this.series.name + '</b><br/>' +
this.x + ': ' + this.y;
}
},
series: [{
data: [29.9, 71.5, 106.4] --数据点
//data:[{29.9,name:'Jan'}] --对应类别轴
--等间隔时间抽(根据需求格式化)
//pointStart: Date.UTC(2017, 0, 1),
//pointInterval: 24 * 3600 * 1000 * 30 // one day
}]
});
});