javascript - 图表师 : empty space after stacked bars

Question

我使用 Chartist(花了很多时间找到一个不错的图形库)。

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

事实上:我有 2 个系列要显示(Data1 和 Data2)。图片上显示的条形是用实数制成的(左侧数据1为2000，右侧数据2为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

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