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ó ...
etiquetas en la parte inferior del gráfico (eje x) girando a vertical
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 = {
}
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?
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.