1.引入ECharts文件
echarts.min.js
echarts.vue
可以在ECharts 在线构建下载
可以在ECharts页面模板 - DCloud 插件市场里面找echarts.min.js和echarts.vue
2.在页面中引用文件
<!-- 统计图 -->
<view class="fengx">
<view class="container">
<view class="title">统计分布</view>
<!-- <mpvue-echarts :echarts="echarts" :onInit="onInit" /> -->
<mpvue-echarts @onInit="lineInit" canvasId="line" ref="lineChart" />
</view>
<view class="lookMore" @click="gotoRisk">查看详情</view>
</view>
3.js部分
<script>
import {
mapState,
mapMutations
} from 'vuex';
import * as echarts from '@/components/echarts/echarts.min.js';
import mpvueEcharts from '@/components/mpvue-echarts/src/echarts.vue'
export default {
// 注册组件
components: {
mpvueEcharts,
},
data() {
return {
echarts,