Highcharts使用表格数据绘制图表

Highcharts使用表格数据绘制图表

在Highcharts中，同意用户使用网页中现有的表格数据作为数据来源，然后依据该数据来源绘制图表。对于一个典型的HTML表格。当中，第一列的数据会作为x轴刻度；而对于第二列、第三列、第四列的数据，每一列数据会作为一个数据列。在第一行中。从第二个数据開始作为每一个数据列的名字。因为下图中仅仅包括两列，所以第一列作为x轴的值；第二列作为一个数据列，而且数据列的名字为“成绩”。

生成的图表例如以下：

使用表格数据绘制图表

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