如何减少条形图上条形之间的差距

Question

如何减少bar之间的差距。当我尝试这个例子时，宽度增加我想只减少空间而不增加宽度怎么办？

 options: {
        responsive: false,
         scales: {
                xAxes: [{
                      categoryPercentage: 0.3,
                       barPercentage: 0.3,
                      }],
                }
          }

输出应该是这样的

Answer 1

您可以尝试使用options部分中的bar width参数。 示例来自：https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/CustomBarWidth/AngularJS/Contrast/

 scope.chartOptions = {
        palette: "soft",
        dataSource: dataSource,

        //THIS COMMAND
        barWidth: 0.5,

        commonSeriesSettings: {
            argumentField: "state",
            type: "bar"
        },