书格前端

Echarts绘制多个系列数据一一对应坐标轴


Echarts绘制多个系列数据一一对应坐标轴

问题

通过Echarts展示多个系列的数据,并且每个系列的数据只有一条展示在坐标轴的某个值上。 比如,Y轴类别A上展示A系列,Y轴类别B上展示B系列数据,X轴共享,正常配置数据会导致Y轴 上显示1条数据,但是会有两条空白。

解决方案

通过系列数据中的barGap属性,设置柱间距离为”-100%”,使各个柱重叠显示。

实例

See the Pen Echarts Demo独立系列独立坐标轴 by Perry (@perry2008084) on CodePen.