Highcharts(四)之数据列
来源:互联网 发布:美工外包注意事项 编辑:程序博客网 时间:2024/05/17 02:17
1.数据列中的数据填充:
方法一:一维数组
如果有categories属性的话就是使用一维数组
data : [1, 4, 6, 9, 10]
方法二:二维数组
如果没有categories属性的话就是使用二维数组
data : [ [5, 2], [6,3], [8,2] ]
方法三:集合
series:[{ data : [{ name : "point 1", color : "#00ff00", y : 0 }, { name : "Point 2", color : "#ff00ff", y : 5 }]}]
2.线条宽度(lineWidth):
将线条的宽度改为5px默认为1px
series: [{ data: [216.4, 194.1, 95.6], lineWidth: 5}]
3.数据标签(dataLables):
plotOptions: { series: { dataLabels: { enabled: true, } } },
4.线条样式(Dash Style):
series: [{ data: [1, 3, 2, 4, 5, 4, 6, 2, 3, 5, 6], dashStyle: 'longdash' }, { data: [2, 4, 1, 3, 4, 2, 9, 1, 2, 3, 4, 5], dashStyle: 'shortdot' }]
5.Zoom
series:[{ name:"a", data:[1,2,3], zoneAxis: 'x', //指定作用于哪个轴 zones: [{ value: 1.7, color:'#90ed7d'//这两个属性是可以放在一起的但不能和dashStyle放在一起 }, { dashStyle: 'dot' }] }]
0 0
- Highcharts(四)之数据列
- Highcharts数据列(Series)
- Highcharts系列翻译之十四:Series数据列选项
- Java与Highcharts实例(四) - Hello Highcharts (后台Java传递数据) - 改造实体
- Office2010 分享之四:快速清除列中重复数据
- Java与Highcharts实例(四)
- (四)、读取数据库数据并在HighCharts上显示
- (四)、读取数据库数据并在HighCharts上显示
- (四)、读取数据库数据并在HighCharts上显示
- (四)、读取数据库数据并在HighCharts上显示
- highcharts报表 四:tooltip数据提示框指配置
- Highcharts(三)之标题
- Highcharts(五)之颜色
- highcharts鼠标移到legend上高亮当前数据列并置灰其它列
- highcharts使用之使用数组数据绑定数据
- highcharts之堆栈面积(折线)图——结合后台数据
- highcharts加载数据库数据(java版)
- highcharts绘图之数据库数据绘制柱形图实例
- HDU 5719 Arrange
- html5getcontext()使用与说明
- Java异常处理-----finally
- R语言笔记 持续更新
- Dockerfile-centos:tengine
- Highcharts(四)之数据列
- 12期 8月期刊自荐
- 1020. 月饼 (25) -- 做题记录
- CodeForces 165C - Another Problem on Strings
- 前言
- Java的基础知识2——数组
- Highcharts(五)之颜色
- Windows CMD命令 (自用)
- Apache + Tomcat