Как установить максимальный диапазон yAxis для графика HighChart?

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(); 
} 

---

Это «исправление» я реализовывал от ответа, я нашел выше, это ничего не делать, мои гистограммы по-прежнему отображаются -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, а затем уменьшите расстояние по оси.

yAxis: { 
    minPadding: 0, 
    maxPadding: 0 
}