Incubator-echarts: Echarts opción nameRotate no funciona

Creado en 8 ago. 2017  ·  3Comentarios  ·  Fuente: apache/incubator-echarts

Resumen de una línea [Resumen de la pregunta]

Estoy tratando de rotar las etiquetas en el xAxis para que estén todas visibles.

Mirando la documentación veo que hay una opción para usar el comando nameRotate pero no parece funcionar ..?

Intenté aplicar la sintaxis a la demostración en línea y tampoco funcionó ...

Versión y entorno [Versión y entorno]

  • Versión de ECharts [versión de ECharts]: 3.6.2
  • Versión del navegador [tipo y versión del navegador]: borde, cromo
  • Versión del SO [tipo y versión del sistema operativo]: Windows 10

Comportamiento esperado [resultado esperado]

etiquetas en la parte inferior del gráfico (eje x) girando a vertical

Opción ECharts [elemento de configuración 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 = {

}

Otros comentarios [Otra información]

Comentario más útil

xAxis.nameRotate solo se usa para establecer la rotación del nombre de xAxis (generalmente se muestra a la izquierda o derecha del eje). Puede configurar xAxis.axisLabel.interval o xAxis.axisLabel.rotate para mostrar todos los axisLabel.

Todos 3 comentarios

xAxis.nameRotate solo se usa para establecer la rotación del nombre de xAxis (generalmente se muestra a la izquierda o derecha del eje). Puede configurar xAxis.axisLabel.interval o xAxis.axisLabel.rotate para mostrar todos los axisLabel.

Gracias por la aclaración. Claramente estaba buscando en el lugar equivocado. Trabajando ahora. ¡Gran paquete! Sigan con el buen trabajo. :)

¿Alguien sabe cómo obtener otra línea no rotada debajo de la línea rotada como esta?
grafik

¿Fue útil esta página
0 / 5 - 0 calificaciones