uniapp使用echart

少年恃险若平地,独倚长剑凌清秋。这篇文章主要讲述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 = https://www.songbingjia.com/android/data; if(this.$refs[/'canvas\']){ this.$refs[\'canvas\'].updateOption(option); //赋值option },
//注册组件 components: { uniEcharts }}< /script>

 
uniEcharts在components文件夹下:

uniapp使用echart

文章图片

 
 
uniapp使用echart

文章图片

【uniapp使用echart】 

    推荐阅读