柱状图排名+图例

功能需要给设备进行数据排名，每个柱对应一个图例，官方柱状图案例的数据格式都不符合需求，更改一下数据格式，做一下记录，方便以后查询

案例代码

option = {
    legend:{
        data:['第一名','第二名','第三名','第四名']
    },
    xAxis: {
        type: 'category',
        axisLabel: {
             interval: 0,
        }
    },
    yAxis: {
        type: 'value'
    },
    series: [{
       name:'第一名',
       data:[['第一名',1]],
       type: 'bar',
       barWidth:15,
       barGap:'-100%'
    },
    {
       name:'第二名',
       data:[ ['第二名',2] ],
       type: 'bar',
       barWidth:15,
       barGap:'-100%'
    },
    {
       name:'第三名',
       data:[['第三名',2] ],
        type: 'bar',
        barWidth:15,
        barGap:'-100%'
    },
    {
       name:'第四名',
       data:[['第四名',2]],
        type: 'bar',
        barWidth:15,
        barGap:'-100%'
    }]
};

• series中的name对应legend的data
• series中的data:[[‘第四名’,2]],第四名对应的是X轴的数据
  

赏

谢谢你请我吃糖果

支付宝

微信