Highcharts使用CSV格式数据绘制图表

时间:2023-03-08 16:30:32
Highcharts使用CSV格式数据绘制图表

CSV(Comma-Separated Values,逗号分隔值文本格式)是採用逗号切割的纯文本数据。通常情况下。每一个数据之间使用逗号切割,几个相关数据组成一行。多行数据组成一个CSV格式数据。因为其纯文本的特点,所以各类数据库都能够直接导出和导入CSV格式的数据。以下就是一个简单的CSV格式数据:

模拟考试,成绩

1,85

2,93

3,95

4,91

5,97

6,94

7,89

当中。第一列是x轴的值。以后的每一列都是一个数据列。从第一行的第二个值開始。每一个值都是一个数据列的名字。

在Highcharts中,要引入CSV的数据,须要使用配置项csv。

其语法例如以下:

csv: String



使用以上数据生成的图表例如以下:

Highcharts使用CSV格式数据绘制图表

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

使用CSV格式生成图表

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