echarts使用中的难点

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;
}

你可能感兴趣的:(echarts使用中的难点)