![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echarts.js
Master.Yuan
润物细无声
展开
-
echarts图表x轴只显示起始数据和结束数据
在这里设置就行了xAxis.axisLabel.interval = data.lenth-2 //data x轴的数据效果如图:原创 2021-11-22 16:20:34 · 7289 阅读 · 3 评论 -
Echarts设置容器宽高为rem,初始化加载会缩小
1、问题:这两天写的APP需要在一个页面中使用echarts图表,发现一个问题:在进入改页面初始化时,图表会缩小。但是把容器宽高设置为px就可以了,但是写的移动端需要适配必须rem。2、问题根因:div还没有创建出来echarts就已经加载了,因为获取不到宽高就默认宽高100%为100px。3、解决方法:给echarts设置延迟加载。mounted() { this.drawAssetTrendChart(); }, methods: { drawAssetTre.原创 2021-11-01 13:57:17 · 2477 阅读 · 1 评论 -
echarts柱状图数据轴如何自定义数据轴,且实现不均分
首先,我们需要实现的效果图如上所示:注意,x轴的刻度信息时不均分的,且有9个刻度信息。接下来,描述一下我们的实现思路。设置X轴最小值min为1000,刻度间隔minInterval为20,splitNumber为8,那么就可以算出,最大值为1160(1000+(9-1)*20)=1160;接下来要实现的是格式化X轴刻度信息了。就附上代码说明了:xAxis:{ type:...原创 2020-04-27 16:58:53 · 5606 阅读 · 4 评论