zoukankan      html  css  js  c++  java
  • [ECharts]"echarts/config" is not exists

    今天在给Echarts折线图中的数据点增加点击事件的时候总是出现一个

    Uncaught Error: [MODULE_MISS]"echarts/config" is not exists!错误

    查找了半天才明白是什么原因,这个错误引起的原因是下面这段代码的位置

    [javascript] view plain copy
     
     print?
    1. var ecConfig = require('echarts/config');  



    开始的时候我总是把它放在全局变量中,我们Echarts的模板中一般是这样的

    [javascript] view plain copy
     
     print?
    1. require(  
    2.                 [  
    3.                     'echarts',  
    4.                     'echarts/chart/line' // 使用柱状图就加载bar模块,按需加载  
    5.                 ],  
    6.                 function (ec) {  
    7.                   
    8.                     // 基于准备好的dom,初始化echarts图表  
    9.                     var myChart = ec.init(document.getElementById('main'));   
    10.                       
    11.                     // 过渡---------------------  
    12.                     myChart.showLoading({  
    13.                         text: '正在努力的读取数据中...',      
    14.                     });  
    15.                                       
    16.                 options = {...}  
    17.                 ....  
    18. }  


    我把

    [javascript] view plain copy
     
     print?
    1. var ecConfig = require('echarts/config');  

    这段代码放在了require外边,所以总是报错。

    调整之后应该是放在 function(ec){..}中,类似下面的代码结构

    [javascript] view plain copy
     
     print?
    1. require(  
    2.                 [  
    3.                     'echarts',  
    4.                     'echarts/chart/line' // 使用柱状图就加载bar模块,按需加载  
    5.                 ],  
    6.                 function (ec) {  
    7.                     var ecConfig = require('echarts/config'); //我在这里  
    8.                       
    9.                     // 基于准备好的dom,初始化echarts图表  
    10.                     var myChart = ec.init(document.getElementById('main'));   
    11.                       
    12.                     // 过渡---------------------  
    13.                     myChart.showLoading({  
    14.                         text: '正在努力的读取数据中...',      
    15.                     });  
    16.                                       
    17.                 options = {...}  
    18.                 ....  
    19. }  


    这样的话加载就没有问题了,也可以正常的监听事件了, 这个应该和require的用法有很大关系,由于前端功底比较差才导致这种错误,以后要小心。

    本文出自 “orangleliu笔记本” 博客,请务必保留此出处http://blog.csdn.net/orangleliu/article/details/39554001

  • 相关阅读:
    Python学习杂记_2_格式化字符串的一些操作
    Python学习杂记_1_PyCharm使用的一些收获
    autolayout sizeclass 资料集锦
    据说这个是获得当前的控制器方法,没试过
    Mac下搭建php开发环境【转】
    搜索栏会消失 uisearchbar 狂点消失的问题解决
    mac下XAMPP服务器配置多站点配置局域网配置 (转)
    在 Xcode 6 中使用矢量图( iPhone 6 置配 UI)
    收到远程通知,怎么区分是点击通知栏提醒进去的还是在foreground收到的通知?
    开发经验之状态机思想,分别使用了swift,OC,C,PHP语言实现
  • 原文地址:https://www.cnblogs.com/telwanggs/p/7183511.html
Copyright © 2011-2022 走看看