图表师:堆叠条形图后的空白空间

Question

我用的是Chartist(花了很多时间去找一个好的图形库)。

试图得到一个堆叠的水平条形图，我最终与一个"bug"作斗争。

事实上:我有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
};

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

这里有谁能帮忙的吗?图酒吧

Answer 1

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