Chartist ：堆积条形后的空白区域

Question

我使用 Chartist（花费大量时间寻找一个不错的图形库）。

试图获得一个堆叠的水平条形图，我最终与一个“错误”作斗争。

事实上：我有 2 个系列要显示（Data1 和 Data2）。图片上显示的条形是实数（左边Data1为2000，右边Data2为1753.25）。

“Total”前面的数字是虚拟数据，没用过，不用管。

问题是：条形 (SVG) 集成到的 div 是父级的 100%，并且图形不占用所有空间（后面有一个未使用的空间）。

图表专家的选项

var options = {
    axisX: {
      offset: 0,
      showLabel: false,
      showGrid: false
    },
    axisY: {
      offset: 0,
      showLabel: false,
      showGrid: false,
      scaleMinSpace: 10
    },
    width: '100%',
    height: "20px",
    chartPadding: {
      top: 0,
      right: 0,
      bottom: 0,
      left: 0
    },
    stackBars: true,
    horizontalBars: true
};

所以，我不明白为什么会有这个空间。

这里有人可以帮忙吗？ Chart bar

Answer 1

事实上，axisX 上的选项“scaleMinSpace”必须设置为 1（1 个像素）。这样，无论显示的数量如何，栏都会占用所有可用空间。