如何减少条形图值中阴影的宽度

Question

我正在使用 BarChart ( echarts )

如何减小条形图值中阴影的宽度？

Answer 1

尝试减少 barCategoryGap，这将有助于压缩柱之间的 space。

var myChart = echarts.init(document.getElementById('chart'));

var option = {
  tooltip: {
    show: true,
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    type: 'bar',
    data: [1, 6, 6, 2, 8, 7, 2, 4],
    barCategoryGap: '10%' // <--------- here
  }],
};

myChart.setOption(option);

<script src="https://cdn.jsdelivr.net/npm/echarts@4.9.0/dist/echarts.min.js"></script>
<div id="chart" style="width: 600px;height:400px;"></div>

如何减少条形图值中阴影的宽度

How can I reduce width the shadow behind in BarChart Value

vue.js

echarts

element-ui