$(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...
- 在当今这个信息爆炸的年代,充斥着各种信息,良莠不齐。没有价值的信息看一眼就好,有用的信息则需要归纳、整理,没有经过...