每一部分都需要用单独的柱子进行实现
①用来显示数据的柱子就用通常的方法写就可以,也就是在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: '' //数据项名称
} },{...写另外的柱子 },... ]
网友评论