echarts柱状图怎么去除背景色只显示边框

可以通过设置柱状图的itemStyle来实现。

具体方法如下：

1. 找到要设置的柱状图的series项。

2. 在series项中设置itemStyle属性，将其值设为一个对象。

3. 在itemStyle对象中设置color属性，将其值设为transparent（透明色）。

4. 在itemStyle对象中设置borderColor属性，将其值设为想要的边框颜色。

5. 在itemStyle对象中设置borderWidth属性，将其值设为想要的边框宽度。

示例代码如下：

option = {
    // ... 其他配置项
    series: [{
        type: 'bar',
        // ... 其他配置项
        itemStyle: {
            color: 'transparent', // 设置为透明色
            borderColor: '#999', // 设置边框颜色
            borderWidth: 2 // 设置边框宽度
        }
    }]
}

通过以上配置，就可以将柱状图的背景色去除，只显示边框了。

相关问题

echarts柱状图选中背景色

在echarts中，可以通过设置emphasis属性来实现柱状图选中背景色的效果。具体的代码如下所示：

series: [
  {
    type: 'bar',
    itemStyle: {
      borderRadius: [3, 3, 0, 0], // 柱体宽度
      color: 'skyblue' // 未选中柱颜色
    },
    emphasis: {
      itemStyle: {
        color: '#007DFF' // 选中柱颜色
      }
    }
  }
]

在上述代码中，通过设置emphasis属性来定义选中柱状图时的样式，其中itemStyle属性用于设置柱状图的样式，color属性用于设置选中柱的背景色。

需要注意的是，以上代码只是一个示例，具体的使用方式还需要根据你的实际需求进行调整。

echarts 柱状图设置背景色

Echarts v4.7.0开始，可以通过设置backgroundStyle来设置柱状图的背景色。具体方法如下：

option = {
    ...
    xAxis: {
        ...
        axisLine: {
            lineStyle: {
                color: '#999' // x轴颜色
            }
        },
        ...
    },
    yAxis: {
        ...
        axisLine: {
            lineStyle: {
                color: '#999' // y轴颜色
            }
        },
        splitLine: {
            lineStyle: {
                color: '#eee' // y轴分割线颜色
            }
        },
        ...
    },
    backgroundStyle: {
        color: '#f5f5f5' // 背景色
    },
    series: [{
        ...
    }]
};

其中，xAxis和yAxis分别表示x轴和y轴的样式设置，backgroundStyle表示背景色的设置，series表示数据系列的设置。如果需要设置渐变色，可以参考引用中的方法。