Vue中使用echarts

柱形图

图片1.png

在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。

 

然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图,下面是完整代码。


饼状图

图片2.png

在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。

然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图,下面是完整代码。


雷达图和折线图实现步骤同上。

你可能感兴趣的:(Vue中使用echarts)