Como sempre mostrar o plotLine em HighCharts?
Eu estou criando um HighChart com um plotLine nele. O plotLine tem um valor fixo, enquanto os dados podem variar entre os gráficos.
O HighChart escala o eixo y automaticamente com base no valor máximo dos dados, mas não considera o valor da plotLine em seus cálculos.
Portanto, se o intervalo de dados engloba o valor plotLine, o plotLine é mostrado, mas será removido da viewport, se não.
Exemplo:
$(function () {
$(document).ready(function() {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: 'Dummy Data by Region'
},
xAxis: {
categories: ['Africa', 'America', 'Asia']
},
yAxis: {
plotLines:[{
value:450,
color: '#ff0000',
width:2,
zIndex:4,
label:{text:'goal'}
}]
},
series: [{
name: 'Year 1800',
data: [107, 31, 650]
}]
});
});
});
JSFiddle para código acima:http://jsfiddle.net/4R5HH/3/
A linha de gol (em vermelho) é mostrada para os dados padrão, mas se eu alterar os dados para [107, 31, 250], o plotLine sai da janela de visualização do gráfico e, portanto, fica invisível.