Echarts 柱状图问题

Question

请问一下，如何用Echarts实现下面的图

我现在写出来是这个样子的。。。

Answer 1

你是怎么写的呢？
你参考下这个例子 坐标轴刻度与标签对齐

以上面那个为基础，进行修改：

option = {
    color: ['#3398DB'],
    tooltip: {
        trigger: 'axis',
        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
            type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: [
        {
            type: 'category',
            data: ['安全生产费（成本）', '车辆交通费'],
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    yAxis: [
        {
            type: 'value',
            // show: false, //  是否显示 y 轴。
            max:1200,
           axisLine:{
               // show:false //是否显示坐标轴轴线。
           }
        }
    ],
    series: [
        {
            name: '直接访问',
            type: 'bar',
            barWidth: '40%',
            data: [1000,600]
        }
    ]
};

实现效果如下：

看你那个蓝色的效果图，是y轴的轴线不显示，那你就设置坐标轴轴线相关设置：

 yAxis.axisLine.show = false