Highcharts使用二维数组生成图表

二维数组是更为灵活的一种数据存储方式。在Highcharts中，可以使用配置项column和rows二维数组。对于使用columns构建的二维数组，Highcharts会按照列从上向下读取每个x值的节点y值。而从第二行开始，每行是一个数据列，并且开始的第一个元素是数据列名。其构成的二维数组结构如下：[[null, x值1, x值2, x值3, …, x值n],[数据列名1, y值1, y值2, y值3, …, y值n],[数据列名2, y值1, y值2, y值3, …, y值n,],[…… ],[数据列n, y值1, y值2, y值3, …, y值n,]]对于使用rows构建的二维数组，Highcharts会按照从左到右读取每个x值的节点y值。而从第二列开始，每列都是一个数据列，，并且开始的第一个元素是数据列名。其构成的二维数组结构如下：[[null, 数据列名1, 数据列名2, 数据列名3, …, 数据列名n],[x值1, y值1, y值1, y值1, …, y值1 ],[x值2, y值2, y值2, y值2, …, y值2 ],[… ],[x值n, y值n, y值n, y值n, …, y值n ],]下面从columns构建的二维数组中读取数据，生成图表。核心代码如下：data: {columns: [[null, 1, 2, 3, 4, 5, 6, 7],[‘成绩’,85,93,95,91,97,94,89]]}

columns构建的二维数组

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

可以提高你的水平。(戏从对手来。

相关文章：

你感兴趣的文章：

标签云：