- echarts折线图,我们平时在使用的时候,x轴上面的数据通常会有很多很多,使得x轴上面的数据通常显示不完整
- 解决方案一:对x轴坐标添加时间间隔
- //添加x轴时间间隔(js)
- xAxis : [
{
axisLabel : {
show:true,
interval: '0', // 显示全部数据,还有auto/>0数字均可
rotate: 45,
margin: 8,
formatter: '{value}月',
textStyle: {
color: 'blue',
fontFamily: 'sans-serif',
fontSize: 15,
fontStyle: 'italic',
fontWeight: 'bold'
}
},
- //添加x轴坐标间隔(java)
- CategoryAxis categoryxAxis = new CategoryAxis();
- AxisLabel asxisLabel = new AxisLabel();
- axisLabel.setInterval(0);
- categoryAxis.setAxisLabel(axisLabel)
-
- 解决方案二:对x轴坐标添加时间轴
- //dataZoom时间轴
- DataZoom dataZoom = new DataZoom();
- dataZoom.setShow(true)
- dataZoom.start(70);