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;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容