微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Highcharts学习之数据列

什么是数据列

数据列是一组数据集合,例如一条线,一组柱形等。图表中所有点的数据都来自数据列对象,数据列的基本构造是:

rush:js;"> series : [{ name : '',data : [] }]

提示

数据列配置是个数组,也就是数据配置可以包含多个数据列。

数据列中的

name

代表数据列的名字,并且会显示在数据提示框(

Tooltip

)及图例(

Legend

)中

tags:

1.数据列中的数据填充:

方法一:一维数组

如果有categories属性的话就是使用一维数组

rush:js;"> data : [1,4,6,9,10]

方法二:二维数组

如果没有categories属性的话就是使用二维数组

rush:js;"> data : [ [5,2],[6,3],[8,2] ]

方法三:集合

rush:js;"> series:[{ data : [{ name : "point 1",color : "#00ff00",y : 0 },{ name : "Point 2",color : "#ff00ff",y : 5 }] }]

2.线条宽度(linewidth):

将线条的宽度改为5px认为1px

rush:js;"> series: [{ data: [216.4,194.1,95.6],linewidth: 5 }]

3.数据标签(dataLables):

rush:js;"> plotOptions: { series: { dataLabels: { enabled: true,} } },

4.线条样式(Dash Style):

rush:js;"> series: [{ data: [1,3,2,5,6],dashStyle: 'longdash' },{ data: [2,1,5],dashStyle: 'shortdot' }]

5.Zoom

rush:js;"> series:[{ name:"a",data:[1,zoneAxis: 'x',//指定作用于哪个轴 zones: [{ value: 1.7,color:'#90ed7d'//这两个属性是可以放在一起的但不能和dashStyle放在一起 },{ dashStyle: 'dot' }] }]

以上就是本文的全部内容,在 Highcharts 中,数据列的配置是个非常重要的配置,同时又由于可配置的属性非常对,配置的灵活性非常高,需要大家自己自己体会和理解。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐