排名图样式搭建

作者: 沃德麻鸭 | 来源:发表于2022-02-09 15:12 被阅读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: ''   //数据项名称

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

    相关文章

      网友评论

        本文标题:排名图样式搭建

        本文链接:https://www.haomeiwen.com/subject/tswlcrtx.html