Question

我使用Chartist（花很多时间找一个漂亮的图形库）。

试图获得一个堆积的水平条形图，我最终与一个＆＃34; bug＆＃34;。

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

＆＃34; Total＆＃34;是一个未使用的虚拟数据，不关心它。

问题是：条形（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像素）。这样，无论显示的数量如何，条形图都会占用所有可用空间。

Chartist：堆积条形后的空格

1 个答案: