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 ....
rótulos na parte inferior do gráfico (xAxis) girando para 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 é 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
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.