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

本文实例为大家分享了vue + element ui实现锚点定位的具体代码,供大家参考,具体内容如下

vue+echarts实带渐变效果的折线图_第1张图片

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实带渐变效果的折线图)