相思资源网 Design By www.200059.com
什么是数据列
数据列是一组数据集合,例如一条线,一组柱形等。图表中所有点的数据都来自数据列对象,数据列的基本构造是:
series : [{ name : '', data : [] }]
提示:数据列配置是个数组,也就是数据配置可以包含多个数据列。
数据列中的 name 代表数据列的名字,并且会显示在数据提示框(Tooltip)及图例(Legend)中
tags:
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' }] }]
以上就是本文的全部内容,在 Highcharts 中,数据列的配置是个非常重要的配置,同时又由于可配置的属性非常对,配置的灵活性非常高,需要大家自己自己体会和理解。
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无Highcharts学习之数据列的评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。