uniapp使用echarts图表

一、下载插件（可在uniapp插件市场查找）

注意：导入的时候会邀请看视频，看完后返回，随即在pc端点击已看完，即可选择需要导入的项目，且按照插件页面下有代码演示，可参考

二、使用（以柱状图为例，如图所示）

<template>
   ...
    <l-echart ref="chartRef" @finished="init"></l-echart>
   ...
</template>

<script>
    import * as echarts from '@/uni_modules/lime-echart/static/echarts.min'
	export default {
	    data() {
	        return {
	            option: {
                    //x轴数据
	                xAxis: [
	                    {
	                        data:['报价','中标','成交','改价','取消']
	                    }
	                ],
	                yAxis: {
						type:'value'
					},
	                series: [
	                  {
						  data:[20,80,50,110,30],
						  type:'bar'
					  }
	                ]
	            },
	        };
	    },
	    // 组件能被调用必须是组件的节点已经被渲染到页面上
	    methods: {
	        async init() {
	            // chart 图表实例不能存在data里
	            const chart = await this.$refs.chartRef.init(echarts);
	          this. option&& chart.setOption(this.option)
	        }
	    }
	}
</script>