主要原因,当使用快速搭建框架时(renren-fast),框架本身已经在最外层的index.html和build 下webpack.base.conf中强制使用了它原项目中的echarts(版本3.8.5),
这个版本是没有关系图的,所以需要将原来框架中的eCharts版本更新或者直接删除,重新引入
引入方法这里记录一下:
npm install echarts --save
//在main.js中添加:
import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts
//即可直接使用:
var myChart = this.$echarts.init(document.getElementById('myChart'))
//index.html文件中此处的echarts引用需要删除
<!-- 开发环境 -->
<link rel="shortcut icon" type="image/x-icon" href="./static/img/favicon.ico">
<script src="./static/config/index.js"></script>
<script src="./static/plugins/mock-1.0.0-beta3/mock-min.js"></script>
<script src="./static/plugins/echarts-3.8.5/echarts.common.min.js"></script>
<script src="./static/plugins/ueditor-1.4.3.3/ueditor.config.js"></script>
<script src="./static/plugins/ueditor-1.4.3.3/ueditor.all.min.js"></script>
<script src="./static/plugins/ueditor-1.4.3.3/lang/zh-cn/zh-cn.js"></script>
// build/webpack.base.conf.js 文件中的下方也需要干掉
externals: {
mockjs: 'Mock',
echarts: 'echarts',
ueditor: 'UE'
}
//当然,也可以直接更改外链版本~