x轴标签内容过长,应用了 interval: 0 后,左右两侧的标签依然无法显示
所有的标签可以正常显示
<div id="mychart" style="width: 550px; height: 500px; margin: 50px auto;"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('mychart'));
myChart.setOption({
legend: {
data: ['测试数据']
},
xAxis: {
data: ['沈阳市', '大连市', '鞍山市', '抚顺市', '本溪市', '丹东市', '锦州市', '营口市', '阜新市', '辽阳市', '盘锦市', '铁岭市', '朝阳市', '葫芦岛市'],
axisLabel: {
interval: 0
}
},
yAxis: {},
series: [{
name: '测试数据',
type: 'bar',
data: [1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
}]
});
</script>

这里宽度是自动算的。
就算开了showMin/Max,也会压缩隐藏其他的。
而且字叠一起也看不清啊。
正常做法是转角度,魔改方法是用负数padding。
axisLabel: {
interval: 0,
// showMinLabel:true,
// showMaxLabel:true,
// margin:20,
padding:[0,-10],
rotate:0,
},
楼上的方法在cotainLabel = true的情况下 label会全被压缩至左上角,而且图表无法正常显示
把魔法方法值padding:[0,-10]改成
padding:[0,-10,0,-10]就好了
@Nsrfc 像楼上说的,一般是正常是旋转角度 或者 省略号显示 ,不知是否能帮到你 https://github.com/territoryfan/echarts
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
Most helpful comment
这里宽度是自动算的。
就算开了showMin/Max,也会压缩隐藏其他的。
而且字叠一起也看不清啊。
正常做法是转角度,魔改方法是用负数padding。