$(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
}]
});
});
highchars笔记
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 新用户往往对于印象笔记的笔记、笔记本、笔记本组感到纠结。从了解到的情况来看，这种纠结主要是由于日常使用Window...
- 在当今这个信息爆炸的年代，充斥着各种信息，良莠不齐。没有价值的信息看一眼就好，有用的信息则需要归纳、整理，没有经过...
