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/

Foi útil?

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                
}

Preenchimento do eixo data e hora @ jsFiddle

Outras dicas

faz Conheça suas necessidades?Você precisa remover todos os pixdings no gráfico.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top