echarts
可可爱爱的你吖
生活不易,时间很短,人丑就要多学习。
展开
-
自定义事件中调用ECharts数据视图关闭事件
自定义事件中调用ECharts数据视图关闭事件原本用的是echarts自带的数据视图样式,点击转换成数据视图后会有样式的问题,如图:正常的折线图点击数据视图后显示数据会讲原本的title给遮盖掉,但是还会露出一部分,右侧还有多余的滚动条,改样式的话,获取不到这个动态生成的数据视图的父元素div所以想到了自己写组件,写一个table将自带的那个数据视图给覆盖掉但是echarts没有提供直接关闭数据视图的api,所以换种思路,可以调用echarts中那个关闭按钮事件,配置中lang :['数原创 2021-01-28 11:49:54 · 1196 阅读 · 11 评论 -
ECharts中Y轴坐标上标记有实心圆
ECharts中Y轴坐标上标记有实心圆想要实现这种效果:实现:在series中添加markLine属性,其中有个symbol属性前面设置为‘circle’即可(symbol标记类型有很多种,‘circle’, ‘rect’, ‘roundRect’, ‘triangle’, ‘diamond’, ‘pin’, ‘arrow’, ‘none’,可以去看文档)(https://echarts.apache.org/zh/option.html#series-line.markLine.silent)原创 2020-11-18 15:05:00 · 2007 阅读 · 0 评论 -
解决Echarts图标中纵坐标的数值被遮挡,显示一半的问题
发现Echarts图表制作完成后,纵坐标的数值被遮挡住了,原图如下:在配置项grid中添加属性:containLabel最后刷新页面就可以看到完整的Y轴数值了原创 2020-06-28 21:03:23 · 11232 阅读 · 1 评论 -
Echarts中调节图表和Y轴之间的距离
之前的图是这样的若xAxis对象中有boundaryGap: false,注释掉就可以再刷新页面,图与Y轴的间距就出来了,可以去看下官方文档*https://www.echartsjs.com/zh/option.html#xAxis.boundaryGap...原创 2020-04-28 09:51:24 · 13371 阅读 · 3 评论 -
vue页面中的tab切换标签页中使用echarts,报错TypeError: Cannot read property 'getAttribute' of null
vue页面引入了ant design插件中的Tab标签页,但是默认第一个页面时,可视化图表可以正常显示,切换到第二个页面时,图表就加载不出来,报错:百度了一下,发现同样的错误,别人的解决方法有两种,分别是:这是在mounted里面加个 this.nextTick就可以解决。第二种方法:利用Vue中的ref和nextTick就可以解决。第二种方法:利用Vue中的ref和nextTic...原创 2020-04-15 11:08:14 · 893 阅读 · 0 评论