1.tab切换界面后,再返回,原来设置宽度为100%的图表显示不全
解决方法:动态设置图表容器的宽度为window.innerWidth * (去掉侧菜单宽度的%) + 'px'
比如window.innderWidth*(0.6) + 'px'
2. 为保证x轴的时间数据均匀,使用x轴type="time",但是图表不显示数据
解决办法:series中数据改为[ ['2018-10-15', 1],['2018-10-17', 3],['2018-10-19', 5]] ,不能只是个数[1,3,5]
3.要展示的y轴数据量差距大,如[ 1, 1000, 3, 5000,500000]
解决办法: yAxis: {type: 'log'}
4.data是json数据,格式如下: 令x轴展示时间戳,y轴数据按一整天来展示:
[
{time: X value:0000},
{time: X, value:0000},
{time: Y, value:0000},
{time: Y, value:0000}
]
解决办法(比较笨的方法):1先将时间戳拿出来换算成日期:xxxx-xx-xx,2再去掉重复的时间得timeTmp数组,3将timeTmp 遍历,和data相比较,将value去除,做处理,4展示图表
5.Echarts之柱状图获取点击柱子事件&自定义柱子颜色&类目轴纵向排列
6.Echarts 中使用type=log,如果数据中有0数据,那么图表出错
因为log轴最小值不能为0,这里我将0数据改为0.01
data: yData.map(function(data)) {
if(data == 0) {
data = 0.01
}
return data;
}