使用vue+echarts绘制图表

五步绘制echarts图表

目录

五步绘制echarts图表

第一步:main.js中添加如下代码

第二步:template中添加如下代码

第三步:methods中写一个绘制折线图的函数

第四步:mounted中调用函数

第五步:css中添加如下代码

注意事项:


第一步:main.js中添加如下代码

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

绘制echarts图的vue文件中:

第二步:template中添加如下代码


                    

你可能感兴趣的:(前端开发,echarts,vue.js,javascript)