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

本文实例为大家分享了vue + element ui实现锚点定位的具体代码,供大家参考,具体内容如下
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、渲染图表

【vue+echarts实带渐变效果的折线图】以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    推荐阅读