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之柱状图获取点击柱子事件&自定义柱子颜色&类目轴纵向排列

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值