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

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

字符串数据也是图表中一种常用的数据类型。在图标中，字符串类型数据可能出现在x值、y值，或者其他辅助性信息中。当字符串数据作为x值或者y值时，需要用户特别注意。下面依次讲解这两种情况。

从严格意义角度来说，HIghcharts是不允许字符串作为x值。在实际使用中，我们会把x值作为节点的名称name来使用。通过name值来生成x轴的坐标值。这时构建的x轴类型为分类类型。用户需要指定x轴的类型。代码如下：

• xAxis:[{
• type:’category’
• }]

指定后，Highcharts就会读取数据节点中的name值，作为x轴坐标刻度。
【实例2-6：strdata】下面使用字符串数据构建一个图表。核心代码如下：

• series: [{
• data: [       //指定节点数据
• [‘第一次’, 92],
• [‘第二次’, 85],
• [‘第三次’, 89],
• [‘第四次’, 97],
• [‘第五次’, 91]
• ],
• keys:[‘name’,’y’]     //指定数据节点格式
• }],
• xAxis: [{
• type: ‘category’,     //设置分类类型
• }],

执行代码后，效果如图所示。从图表中可以看出，Highcharts自动将每个节点的第一个值作为x轴刻度进行显示。


字符串构建的图表

 

 

 

 

 

 

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