如何设置HighChart图的最大yAxis范围？

Question

下面是一个条形图，其中绿色条形图永远不会超过100，红色条纹永远不会低于-100。

但是在图表的yAxis中，您可以看到-150%。

我找到了this fix here，但它没有用。 yAxis: {min: 0, max: 100}

还有另一种方法可以实现这个目标吗？

这是我添加这些条形图的区域

function addSentimentSeries(name, data) {
    var index = findTheIndex(name);

    var color = name === 'Positive sentiment' ? '#009900' : '#FF0000';

    if (index) {
        chart.series[index].update({
            showInLegend: false,
            yAxis: 2,
            type: 'column',
            name: name,
            color: color,
            data: data,
            dataGrouping: { enabled: false }
        }, true);
    } else {
        chart.addSeries({
            showInLegend: false,
            yAxis: 2,
            type: 'column',
            name: name,
            color: color,
            data: data,
            dataGrouping: { enabled: false }
        }, true);
    }

    chart.hideLoading();
    chart.redraw();
}

这是＆＃39;修复＆＃39;我从上面找到的答案中实现，它没有做任何事情，我的条形图仍然显示-150％

vm.config.yAxis.push({
    height: '30%',
    top: '70%',
    gridLineWidth: 0,
    title: {
       text: 'Sentiment',
       style: { color: '#BFBFBF' }
    },
    yAxis: { min: 0, max: 100 },
    offset: 0,
    labels: {
        formatter: function() {
            return this.value + '%';
        },
        style: { color: '#BFBFBF' }
    },
    opposite: false
});

Answer 1

您应将minPadding和maxPadding参数设置为0，然后减少轴上的间距。

yAxis: {
   minPadding: 0,
   maxPadding: 0
}