echarts
一条大河全靠浪
这个作者很懒,什么都没留下…
展开
-
echart 动态改变主题json时无效问题
解决方法:加上this.myChart.dispose() initChart() { if(this.myChart){ // 重要 释放之前的图表实例, 否则改变的主题无效果 this.myChart.dispose() } var dom = this.$refs.chart // 注册主题 - 可从主题编辑器中获取json echarts.registerTheme('customed', this.themeObj)原创 2021-02-22 16:43:22 · 672 阅读 · 0 评论 -
echarts 如何覆盖源码样式——dataview为例
问题源码的echarts的dataview在显示时会遮挡住工具栏toolbox,现在需要做到的是不遮住。解决方法通过看dataview的源码(位置:echarts/lib/component/toolbox/feature/DaaView.js) 发现,dataview的实现就是在现有的图表上加了一层,并且样式都是写死在style中的。由于dataview的数据渲染就是在onclick事件中,因此我们重写该方法即可。可参考代码:feature: { mydataView: { show原创 2020-10-19 17:59:25 · 696 阅读 · 0 评论 -
echarts x轴数据过多时,添加横向滚动效果
x轴数据过多时,使用echarts中的dataZoom,对其进行配置,完成横向滚动效果。代码如下:dataZoom:[ { type: 'slider', show: false, start:0,//默认为0 end: 100,//默认为100 xAxisIndex: [0], handleSize: 0,//滑动条的 左右原创 2020-10-12 10:09:34 · 6785 阅读 · 2 评论 -
解决echarts宽度100%变成了100px
原因外层div设置宽高为100%,在渲染出来的时候变成了100px这种情况一般都是echart所在的div一开始是display:none,一般出现在以下几种情况:echats放在了tab中解决方法:1、通过js获取外层div的宽高,然后设置给图表容器2、加 mychart.resize()所在div用了v-show,这种情况要不换成v-if,要不就设置初始值是true。...原创 2020-08-24 15:23:28 · 7232 阅读 · 5 评论