Чартист: пустое место после штабелированных баров

Question

Я использую Chartist (потратьте много времени, чтобы найти красивую графическую библиотеку).

Попытка получить штабелированную горизонтальную гистограмму, я закончил борьбу с «ошибкой».

Фактически: у меня есть 2 серии для отображения (Data1 и Data2). Строки, отображаемые на изображениях, производятся с реальными числами (2000 для Data1 слева и 1753.25 для Data2 справа).

Число передних «Всего» - это фиктивные данные, которые не используются, не заботятся об этом.

Проблема заключается в том, что div, в который интегрированы бары (SVG), составляет 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» на оси X, которая должна быть установлена ​​в 1 (1 пиксель). Таким образом, панель занимает все свободное место, независимо от показанного количества.