话题:上一节我们讲了如何安装和配置echarts,下面我们要讲一讲如何使用echarts。
(1)第一步 :定义一个div容器,用于存放你的图表,要设置ID。
<div id="main" style="width: 100%;height: 500px;"></div>
注意:在这里我们可以给容器设置宽高。
(2)第二步:初始化echarts实例
let myChart = this.$echarts.init(document.getElementById('main'));
在这里echarts已引入当前组件中,所以在这里就不做赘述了,不懂的可以看第一节部分内容。
(3)第三步:指定图表的配置项和数据(这里以折线图为例---line)