码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-08-04 13:41:27      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

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。

版权声明:本文为博主原创文章,未经博主允许不得转载。

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

标签:

原文地址:http://blog.csdn.net/jsbome/article/details/47274157

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!