echarts双Y轴横向树状图实现(两个类目)

echarts双Y轴横向树状图实现(两个类目)

效果演示 效果演示 (一个大类有好几个小类,等于就是小类的类目都不同)

  1. 首先设置X为数值轴,Y轴为类目轴。
  2. Y轴设置为数组,设置两个,其中小类的Y轴进行隐藏(注意隐藏时要设置X轴的文字大小,不然虽然显示了,但是文字依然会占据位置),然后将大类的轴线定位到左边来。
  3. series中小类类目数据放在一起。剩下的大类通过设置宽度barWidth来尽兴分类(比如一共10个小类,那么100/10 = 10;每个小类宽度是10%,然后乘以要分的大类中有几个小类的数量) 就行了。

具体查看演示效果中的代码。 

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页