如何减少 BarChart Value

问题描述

我正在使用 BarChart ( echarts )

如何减小 BarChart Value 后面阴影的宽度？

解决方法

尽量减少barCategoryGap，这将有助于压缩条形之间的空间。

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,2,8,7,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>