1. X轴,文字过长,显示不全的问题。
xAxis:{
axisLabel: {
interval: 0,
rotate: 20,//x轴数据倾斜角度
}
}
2. Y轴,数字过长,显示不全。
yAxis:{
axisLabel: {
margin: 2,//修改外边距,
textStyle: {
color: "#fff",
fontSize: 12
},
formatter: function(value, index) {
//转换数值,当数值过大时,加上万,千万
if (value >= 10000 && value < 10000000) {
value = value / 10000 + "万";
} else if (value >= 10000000) {
value = value / 10000000 + "千万";
}
return value;
}
}
3. X轴数据过多,展示拥挤
dataZoom: [
{
type: "slider",// 缩放数据,inside或silder
xAxisIndex: 0,
filterMode: "empty",
start: 0,//缩放的区域,0-100之间
end: 50
}
],
结果: