Question

我希望我的图表从零开始从最左边开始，没有间隙。请帮我解决这个问题。这是我的图表：http://jsfiddle.net/ssarabando/egQH8/2/

$(function () {

    $('#container').highcharts({
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            min: 0
        },
        yAxis: {
            min: 0,
            max: 100, startOnTick: false
        },
        series: [{
            name: 'Tokyo',
            data: [7.0, 6.9, 0, 0, 0, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
        }]
    });
});

以下是我所谈论的屏幕截图： http://awesomescreenshot.com/0c347ofz76

Answer 1

categories和startOnTick无法很好地协同工作。但您可以像这样使用labels，tickInterval和min/maxPadding来使其发挥作用：

var categories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

xAxis: {
        labels: {
            enabled: true,
            formatter: function () {
                return categories[this.value];
            }
        },
        tickInterval: 1,
        minPadding: 0,
        maxPadding: 0,
        startOnTick: true,
    }

这是DEMO

Answer 2

您可以将min/max值和tickmarkPlacement设置为“开启”。

示例：http://jsfiddle.net/egQH8/30/

Highcharts从最左边的角落开始没有间隙

2 个答案: