首页 > 其他分享 >不中 Echarts插件 更换数据图标不渲染问题

不中 Echarts插件 更换数据图标不渲染问题

时间:2022-09-22 17:37:30浏览次数:89  
标签:插件 rateChart dispose 全局变量 Echarts nowSeries 图标

使用Echarts插件的时候,多次加载会出现There is a chart instance already initialized on the dom.的警告,

解决办法:

在使用Echarts插件的方法外面定义一个全局变量(注意:一定得是全局变量),然后在插件使用的方法内,添加判断,调用eChart.dispose()方法先将图表销毁,然后再初始化就不会出现警告了。

var rateChart;//全局变量
function rate_fold(comPany,dataMon,nowSeries){
    if (rateChart != null && rateChart != "" && rateChart != undefined) {
        rateChart.dispose();//销毁
    }
    rateChart = echarts.init(document.getElementById('rate_fold_line'));//初始化
    var option = {title: {text: "大用户成功率"},tooltip: {trigger: 'axis'},
                  legend: {data: comPany,orient:'vertical',x: 'right',y: 'center'},
                  calculable: true,xAxis: [{type: 'category',boundaryGap: false,
                  data: dataMon,axisLabel: {rotate: 50}}],
                  yAxis: [{type: 'value',max: 100,min: 98,splitNumber:7}],
                  series: nowSeries};
    rateChart.setOption(option);
}

 

标签:插件,rateChart,dispose,全局变量,Echarts,nowSeries,图标
From: https://www.cnblogs.com/ddqyc/p/16720156.html

相关文章

  • win10 让任务栏图标居中
    1.右击任务栏取消锁定  2.随意新建一个文件夹  3.将刚才随意新建的文件夹添加到任务栏里的工具栏  4.将右侧新建的工具栏(FX)拖到最左边。就ok了。你要把图......
  • 自适应插件postcss-px-to-viewport
    module.exports={plugins:{autoprefixer:{},//用来给不同的浏览器自动添加相应前缀,如-webkit-,-moz-等等"postcss-px-to-viewport":{unitToConvert:"px",//要......
  • java批量采集豌豆荚网站Android应用图标和包名
    Android主题开发者做的主题,如果想代替第三方应用图标,就必须要知道应用的包名。其实想知道应用的包名很简单,直接在浏览器打开GooglePlay或豌豆荚,打开某应用的页面,看网址你......
  • Chrome 插件开发指南和实践
    看完这篇文章你会学到Chrome插件可以做什么Chrome插件整体架构如何开发Chrome插件(Popup和Devtools)如何使用前端框架(React/Vue)进行开发如何调试插件如何使用Pu......
  • C# 插件编程演练
    代码直接采用该博主:C#插件编程技术学习开发工具:visualstudio2019版本1.操作流程简述plugin接口dll工程创建:源码拷贝添加,生成dll;host接口dll工程创建:源码拷贝添......
  • vue 中如何使用基于 echarts 的 echarts-wordcloud 插件开发词云图
     echarts-wordcloud词云图官网:https://github.com/ecomfe/echarts-wordcloud 效果如下,每次刷新会随即变换文字颜色 安装npminstallecharts-wordcloudnpm......
  • Idea插件SequenceDiagram快速查看方法调用
    Idea打开setting->plugins安装插件SequenceDiagram快速查看方法调用在方法名上右键点击SequenceDiagram即可生成方法调用图最上面一行为该方法涉及的类名,下面的白色字......
  • 【整理】jenkins插件安装的几种方式(在线安装、离线安装)
    整理参考:https://blog.csdn.net/qq_35472206/article/details/1260495741、在线安装:安装jenkins后,初次启动的时候安装插件安装推荐的插件,或者选择插件安装 2、在线安......
  • Vue3 Echarts 省地图
    一、效果 二、echarts的安装npminstallecharts三、echarts各省份地图js导入以下是别人下载好的各省份的数据,可以直接下载使用,放在项目js文件夹下,在页面内引入。......
  • 【postman】postman插件newman的安装与使用
    一、newman的安装(newmanan安装相关内容来源摘自:https://blog.csdn.net/a272329874a/article/details/115232486)1、关于newmannewman是postman的命令集合运行器。允许......