需要近期研究的项目

排名图样式搭建

2022-02-09  本文已影响0人  沃德麻鸭

每一部分都需要用单独的柱子进行实现

用来显示数据的柱子就用通常的方法写就可以,也就是在series数组中添加一个对象,这个对象的内容就是这根柱子的样式等配置项,其中data就是会通过柱子显示出来的数据(需要几根柱子就通过相同的写法写几根柱子就可以了,然后通过需求调整位置)

普通添加label很简单,就单独设置,然后有专门设置显示位置的属性,直接设置就可以了

③如果需要在指定位置固定label那么就不可以这样进行实现了,需要分别将各个区域的文字固定为单独柱子的label

例如:

a:想要将label固定在左侧显示,那么就可以设置这个柱子的label值为最小值,那么label就会显示在柱子的最左边

b:如果是跟随y轴的话,就可以将柱子的值设置为0

c:同理固定在右侧的话就将值设置为最大值即可实现效果-------这里的几根柱子都需要单独设置

series[{

name:'',  type:'', stack:'( 数据堆叠,同个类目轴上系列配置相同的stack值可以堆叠放置。 )'......,

label:{

   formatter:(params)=>{ return ...} },    // label显示内容

   itemStyle:{ color:'' ...},                        // label样式

   data:{

       value:Min(0 / Max),                       //决定label的位置  这里为最小值-----也就是会在最左侧(y轴/最右侧)显示

       name: ''   //数据项名称

   }  },{...写另外的柱子 },...  ]

上一篇下一篇

猜你喜欢

热点阅读