当前位置:   article > 正文

eCharts报错问题记录_var lins1 = echarts.init(document.getelementbyid('

var lins1 = echarts.init(document.getelementbyid('lins1'));意思

主要原因,当使用快速搭建框架时(renren-fast),框架本身已经在最外层的index.html和build 下webpack.base.conf中强制使用了它原项目中的echarts(版本3.8.5),

这个版本是没有关系图的,所以需要将原来框架中的eCharts版本更新或者直接删除,重新引入

引入方法这里记录一下:

  1. npm install echarts --save
  2. //在main.js中添加:
  3. import * as echarts from 'echarts'
  4. Vue.prototype.$echarts = echarts
  5. //即可直接使用:
  6. var myChart = this.$echarts.init(document.getElementById('myChart'))
  7. //index.html文件中此处的echarts引用需要删除
  8. <!-- 开发环境 -->
  9. <link rel="shortcut icon" type="image/x-icon" href="./static/img/favicon.ico">
  10. <script src="./static/config/index.js"></script>
  11. <script src="./static/plugins/mock-1.0.0-beta3/mock-min.js"></script>
  12. <script src="./static/plugins/echarts-3.8.5/echarts.common.min.js"></script>
  13. <script src="./static/plugins/ueditor-1.4.3.3/ueditor.config.js"></script>
  14. <script src="./static/plugins/ueditor-1.4.3.3/ueditor.all.min.js"></script>
  15. <script src="./static/plugins/ueditor-1.4.3.3/lang/zh-cn/zh-cn.js"></script>
  16. // build/webpack.base.conf.js 文件中的下方也需要干掉
  17. externals: {
  18. mockjs: 'Mock',
  19. echarts: 'echarts',
  20. ueditor: 'UE'
  21. }
  22. //当然,也可以直接更改外链版本~

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/123992
推荐阅读