HighCharts - Remova o espaço entre as séries na barra empilhada
-
12-12-2019 - |
Pergunta
Eu tenho um gráfico HighCharts para exibir algumas informações.Eu empilhei informações para cada dia.Cada entrada é única -> Não posso usar uma única série.
O problema é:entre dois dias fica um espaço enorme e não tenho ideia de como diminuir ou remover isso.Não há efeito quando brinco com PlotOptions.Acho que o motivo é meu xAxis-Handling, porque se eu usar a "forma normal" para declarar as categorias xAxis, não há problema.
Meu jsFiddle: http://jsfiddle.net/MhL2Q/1/
Outro jsFiddle funcionando:jsfiddle_dot_net/wergeld/M85tL/ (apenas 2 links permitidos)
DEMO HighChart original: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/
Solução
Você pode fazer uso xAxis.minPadding e xAxis.maxPadding
Preenchimento do valor máximo em relação ao comprimento do eixo.Um preenchimento de 0,05 produzirá um eixo de 100px 5px por mais tempo.Isso é útil quando você não deseja que o maior valor de dados apareça na borda da área da plotagem.Quando a opção máxima do eixo é definida ou um extremo máximo é definido usando o exis.setextremes (), o maxpadding será ignorado.O padrão é 0.
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
month: '%e. %b',
year: '%b'
},
tickInterval: 24 * 3600 * 1000,
tickWidth: 1,
minPadding: 0.5,
maxPadding: 0.5
}