Highcharts中字符串处理方式(3)

来源:互联网 发布:outlook邮箱 mac 下载 编辑:程序博客网 时间:2024/06/03 02:02

Highcharts中字符串处理方式(3)

简化节点赋值
当图表中存在多个数据列,并且每个数据列的节点的x值都是相同的,也可以直接在x轴的设置中,直接指定由name构成的刻度。其代码如下:

  • xAxis:[{
  • type:’category’,
  • categories:[‘第一次’,’第二次’,’第三次’,’第四次’,’第五次’]
  • }]

这样做的结果就是将节点中的name和y值进行分离。
【实例2-8:strdatasimple】下面简化实例2-6的节点数据,重新构成图表。核心代码如下:

  • series: [{
  • data: [92, 85, 89, 97, 91]       //简化的节点数据
  • }],
  • xAxis: [{
  • type: ‘category’,
  • categories:[‘第一次’,’第二次’,’第三次’,’第四次’,’第五次’]  //指定x轴刻度
  • }],

执行代码后,运行效果如图所示。


简化节点赋值

PS:该内容已经加入《网页图表Highcharts实践教程基础篇》v1.2.5。

0 0
原创粉丝点击