网站首页 Vue 正文

vue+echarts实带渐变效果的折线图_vue.js

作者：Cherry☼ 更新时间： 2022-06-05 Vue

本文实例为大家分享了vue+echarts实带渐变效果折线图的具体代码，供大家参考，具体内容如下

1、安装echarts

npm install echarts --save

2、引入echarts

import echarts from "echarts";
//修改原型链,可在全局使用
Vue.prototype.$echarts = echarts;

3、创建图表首先需要在 HTML 中创建图表的容器


// css  图表的容器必须指定宽高
#echarts_coverage{
      width: 400px;
      height: 200px;
}

4、渲染图表

原文链接：https://blog.csdn.net/qq_41295954/article/details/117783873