1、折线图和后台交互的问题,在js中用ajax去后台调取数据,并根据返回的数据去设置xAxis和series的值。
2、放大缩小的问题。
dataZoom:[
{
type: 'inside',//如果是<span style="color: rgb(51, 51, 51); font-family: 'Helvetica Neue', 'Segoe UI', Tahoma, Arial, 'Hiragino Sans GB', STHeiti, 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif; font-size: 14px; line-height: 20px;">slider,会在x轴显示放大缩小的控制栏,而不是用鼠标滚动</span>
xAxisIndex: [0],//用第一个xAxis
start: 0,//缩放范围开始
end: 100,//缩放范围结束
}
],
3、根据鼠标滚动的事件控制x轴的动态显示。在这个时间里修改interval的值。
myEcharts.on('dataZoom',function(params){
})
我在这里设置的是显示能整除interval的值。
axisLabel:{
interval:function(index,name){//index是x轴的坐标序号,name是坐标值
if(index%interval === 0){
return true;
}
return false;
}
}