关于dataset的理解

在ECharts 4 以前,数据只能在(series)中的(data)声明,例如:

关于dataset的理解_第1张图片关于dataset的理解_第2张图片

此方法不利于设置系列的映射,数据格式也不能使用对象数组

dataset例子

想要生成的是这样的:

关于dataset的理解_第3张图片

如果这样写:

关于dataset的理解_第4张图片

生成:

关于dataset的理解_第5张图片

想要的math数据并没有显示出来,这是因为默认情况下,X轴对应到 dataset 第一列,第一行可以看成对应列下面每一个数字的含义,声明多个 bar 系列,默认情况下,每个系列会自动对应到 dataset 的每一列。

按行的 key-value 形式(dataset中的对象数组):

上面的例子可以改写成:

关于dataset的理解_第6张图片

dimensions指定维度,直角坐标系中,默认把第一个维度映射到 X 轴上,剩下的维度全部映射到 Y 轴上。

按列的 key-value 形式

关于dataset的理解_第7张图片

dataset也可以指定为数组 可以同时定义多个 dataset)

系列再通过 series.datasetIndex 来指定引用哪个 dataset

例如:

关于dataset的理解_第8张图片

数据到图形的映射( series.encode )

关于dataset的理解_第9张图片

encode:可以指定维度名或者维度的序号(从零开始),还可以指定数组如:['student1','student2','student3']

seriesLayoutBy: 'row',把行设置为X轴或映射到Y轴上

关于dataset的理解_第10张图片

Talk is cheap, show me the code!------薪火工作室

你可能感兴趣的:(前端)