Highcharts列范圍可消除其他類別數據的間距

Question

如何擺脫圖片中所示的“不可見”間距？

我打算在反向模式下使用該圖表（作為甘特圖），但這顯示出差距更加明顯。 為了能夠玩它： http : //jsfiddle.net/j03ceom5/

我考慮了一個'xrange'類型，但是它有同樣的問題： https ://jsfiddle.net/agxu6ffc/

-插入一些代碼段以接受jsfiddle鏈接，盡管不一定需要理解該問題-

        chart: {
            renderTo: 'container',
            type: 'columnrange',
            inverted:false,
        },

Answer 1

您可以使用解決方法來證明列重繪/加載圖表事件合理。

var justifyColumns = function (chart) {
    var categoriesWidth = chart.plotSizeX / (1 + chart.xAxis[0].max - chart.xAxis[0].min),
        distanceBetweenColumns = 0,
        each = Highcharts.each,
        sum, categories = chart.xAxis[0].categories,
        number;
    for (var i = 0; i < categories.length; i++) {
        sum = 0;
        each(chart.series, function (p, k) {
            if (p.visible) {
                each(p.data, function (ob, j) {
                    if (ob.category == categories[i]) {
                        sum++;
                    }
                });
            }
        });
        distanceBetweenColumns = categoriesWidth / (sum + 1);
        number = 1;
        each(chart.series, function (p, k) {
            if (p.visible) {
                each(p.data, function (ob, j) {
                    if (ob.category == categories[i]) {
                        ob.graphic.element.x.baseVal.value = i * categoriesWidth + distanceBetweenColumns * number - ob.pointWidth / 2;
                        number++;
                    }
                });
            }
        });
    }
};

http://jsfiddle.net/zmktekak/14/