如何理解echarts中的系列series和维度dimensions

系列series,是折线图里的一条line,柱状图里的一根bar(一根柱子),饼图的一个pie(一个圆饼)

和一条一根一个相对的就是一张图里有多条多根多个,出现在数据有分组的情况下

可以先把维度简单理解为分组

把数据放在数据集dataset里面统一管理,再去指定数据的映射方式

对于不同的坐标系,有不同的映射方式,最经典的,直角坐标系,指定x,y用哪个维度。在series里用encode配置项去指定。

官网的例子里,x轴的类型是类目轴category,而且含义就是类目,类目这个维度体现在x轴上。年份是另外一个维度,每个年份是一个分组(维度),体现为颜色不同。
在这里插入图片描述
换个方式,也可以将年份这个维度体现在x轴上,每个类目体现在颜色上。

dimensions: ['years','Macha Latte', 'Milk Tea']
source:[
	{years: 2015, 'Macha Latte': 43.3, 'Milk Tea': 83.1}
	{years: 2016, 'Macha Latte': 85.8, 'Milk Tea': 73.4}
]

今天只说直角坐标系的图

顶多也就是两个分组维度—— x轴上的分组,颜色的分组(或者说用图例可以控制的分组)

当然这只是画图展示的维度,分组下钻可以无限钻下去的,举个例子,做AB实验,实验组别=》每个实验组别里面再分组。A组-MachaLatte,A组-MilkTea;B组-MachaLatte,B组-MilkTea。但是,如果你还要带上个年份维度,在直角坐标系里,只能把另外两个分组组合。毕竟直角坐标系是个二维的图,把取值这个维度放在y轴,只剩下一个维度x轴。就算加上颜色区分第三个维度,也不能再多了。你要么再搞一张图,多一张图就多了个维度嘛。

总结一下

直角坐标系,自带两个维度,x和y。我再加上个用颜色区分的第三个维度。直角坐标系撑死了三个维度。y轴放取值,x轴放一个分组,颜色再分个组。如果再分个组,有四个维度了,只能组合其中两个维度,比如x轴放年份,颜色是A组-MachaLatte这种组合的形式。或者分两个图。

dimension只能配置两种分组(第一列类目轴,后面每一列一个),我觉得不好用。encode里指定x和y就可以了。
series用datasetIndex找到dataset。既然一共只有三个维度,encode指定两个了,datasetIndex又可以区分一个。
在这里插入图片描述

4.7 补充

dbq还是我格局小了,不止这些维度
这种直角坐标系的图还可以双x轴双y轴,那就又可以加两个维度了。
然后图例不止颜色,还可以形状不一样,圆形三角方形随便啦,那随便多少个维度都可以了。产品好变态。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值