echarts遇到的一些问题。

来源:互联网 发布:花生壳映射外网80端口 编辑:程序博客网 时间:2024/05/22 20:40

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],//用第一个xAxisstart: 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;               }             }  


1 0