echarts可以画这种柱状图吗

Question

在这个柱状图的基础上进行改动，如何对这7个柱子的宽度进行设置，让这7个柱子的宽度不一样。

Answer 1

一个series只允许设置一个barWidth。

如果一定要区分对待每根柱子，那就把每根柱子的data都单独放到一个series里去，然后每个series设置不同的barWidth，再利用barGap: "-100%"让每根柱子居中。

series : [

    {

        name:'直接访问',

        type:'bar',

        barWidth: "20%",

        data:[10, "52", "", "", "", "", ""]

    },

    {

        name:'直接访问',

        type:'bar',

        barWidth: "50%",

        data:["", "", 200, 334, 390, "", ""]

    },

    {

        name:'直接访问',

        type:'bar',

        barWidth: "70%",

        barGap:"-100%",

        data:["", "", "", "", "", 330, 220]

    }

]

但就是有个问题，柱子宽度不同的时候，有些柱子不会完全居中，应该是echarts的barGap算法只看最后一根柱子的宽度来算的，这个感觉不是太友好，要是所有柱子都能居中就perfect了