Incubator-echarts: echarts option nameRotate não funciona

Criado em 8 ago. 2017  ·  3Comentários  ·  Fonte: apache/incubator-echarts

Resumo de uma linha [Resumo da pergunta]

Estou tentando girar os rótulos no xAxis para que fiquem todos visíveis.

Olhando a documentação, vejo que há uma opção para usar o comando nameRotate, mas não parece funcionar ..?

tentei aplicar a sintaxe à demonstração online e também não funcionou ....

Versão e ambiente [versão e ambiente]

  • Versão ECharts [versão ECharts]: 3.6.2
  • Versão do navegador [tipo e versão do navegador]: edge, chrome
  • Versão do sistema operacional [tipo e versão do sistema operacional]: Windows 10

Comportamento esperado [resultado esperado]

rótulos na parte inferior do gráfico (xAxis) girando para a vertical

Opção ECharts [item de configuração ECharts]

              var echartBar = echarts.init(document.getElementById('mainb'), theme);

              echartBar.setOption({
                title: {
                 //text: 'Graph title',
                 //subtext: 'Graph Sub-text'
                },
                tooltip: {
                  trigger: 'axis',
                  formatter: "{a} <br/>{b} : {c}%"

                },
                legend: {
                 // data: ['sales', 'purchases']
                },
                toolbox: {
                  show: false
                },
                calculable: true,
                xAxis: {
                  nameRotate: 90, //Rotation of labels - not working!!!!
                  type: 'category',
                  data: ['Client 1', 'Client2', 'Client3', 'Client4', 'Client5', 'Client6', 'Client7', 'Client8', 'Client9?', 'Client10', 'Client11', 'Client12'] //Clients go here
                },
                yAxis: [{
                  type: 'value'
                }],
                series: [{
                  name: 'Overall Progress',
                  type: 'bar',
                  data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
                  markPoint: {
                    data: [{
                      type: 'max',
                      name: 'MAxim',
                                          formatter: "{a} <br/>{b} : {c}%"

                    }, {
                      type: 'min',
                      name: '???'
                    }]
                  },
                  markLine: {
                    data: [{
                      type: 'average',
                      name: 'Average'
                    }]
                  }
option = {

}

Outros comentários [Outras informações]

Comentários muito úteis

xAxis.nameRotate é usado apenas para definir a rotação do nome do xAxis (geralmente exibido à esquerda ou à direita do eixo). Você pode definir o xAxis.axisLabel.interval ou xAxis.axisLabel.rotate para mostrar todos os axisLabel.

Todos 3 comentários

xAxis.nameRotate é usado apenas para definir a rotação do nome do xAxis (geralmente exibido à esquerda ou à direita do eixo). Você pode definir o xAxis.axisLabel.interval ou xAxis.axisLabel.rotate para mostrar todos os axisLabel.

Obrigado por esclarecer. Obviamente, eu estava procurando no lugar errado. Trabalhando agora. Ótimo pacote! Mantenha o bom trabalho. :)

Alguém sabe como obter outra linha não girada sob a linha girada como esta
grafik

Esta página foi útil?
0 / 5 - 0 avaliações