uniapp使用echart

<template>
    <view class="content">
   　　<!-- 引入的mpvue-echarts組件 -->
   　　<uni-echarts class="ec-canvas" id="line-chart" ref="canvas" canvas-id="line-chart" :ec="echart"></uni-echarts>
   </view>
<template>

<script>

//import引入組件
import uniEcharts from '@/components/uni-echarts/uni-echarts';

export default {
data() {
return {
//echart圖表參數
　　echart: {
　　　　option: {
　　　　......這里是echart參數
　　　　}
　　}
},
methods: {
// 重新渲染echart並且賦值
reloadEchart(data){
　　const option = this.echart.option;
　　option.series[0].data = data;
　　if(this.$refs['canvas']){
　　　　this.$refs['canvas'].updateOption(option);  //賦值option
},
//注冊組件
components: {
　　uniEcharts
}

}

</script>

 

uniEcharts在components文件夾下：