vue中引用echarts设置渐变色new echarts不能用

需求需要设置透明渐变区域，在https://gallery.echartsjs.com 中找到如下图

其中渐变透明色代码中的color: new echarts 设置完报错

color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 0,color: 'rgba(0,150,239,0.3)'},{offset: 1,color: 'rgba(0,253,252,0)'}], false),

原因： main.js中引用了

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

但是在当期页面中没引用需要在页面中也要把echarts引用进来然后就可以了 import echarts from "echarts"

<script>
import echarts from "echarts"   //引用这一句在当前位置
export default {name: 'home',data () {return {}},

vue中引用echarts设置渐变色new echarts不能用相关推荐

vue中引用高德地图根据经纬度计算两地距离
vue中引用高德地图根据经纬度计算两地距离一.示例图: npm安装 npm install vue-amap --save 在min.js文件中引入vue-amap import VueAMap f ...
vue中引用tinymce图标不显示解决方法
vue中引用tinymce图标不显示解决方法通过官网查到一篇博客,按照上面步骤可以实现tinymce富文本编辑器的封装和使用. https://www.cnblogs.com/zhongchao66 ...
Vue 中引用第三方js总结
vue中引用第三方js总结 By:授客 QQ:1033553122 实践环境 win10 Vue 2.9.6 本文以引用jsmind为例,讲解怎么在vue中引用第三方js类库基础示例 1.把下载好的 ...
vue中引用swiper轮播插件
有时候我们需要在vue中使用轮播组件,如果是在vue组件中引入第三方组件的话,最好通过npm安装,从而进行统一安装包管理. 申明:本文所使用的是vue.2x版本. 通过npm安装插件: npm ins ...
vue中单选框设置默认选中值
vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据 <li v-for="(value,i) ...
vue中通过定时器设置倒计时，5秒倒计时
前言:有时候,在项目中,我们经常需要设置简单的倒计时功能,这个可以通过定时器来实现. 一.设置div显示倒计时数字 <div class="countCircle">& ...
vue中引用echarts全国地图
<template><div><div ref="mapInfo" style="width:750px; height: 540px&qu ...
vue中根据窗口的大小调整echarts图表的尺寸
示例: html: <template><div class="container"><div id="myChart" styl ...
vue中引用js_从JS中的内存管理说起 —— JS中的弱引用
点击上方"蓝字"关注本公众号写在前面在所有的编程语言中,我们声明一个变量时,需要系统为我们分配一块内存.当我们不再需要这个变量时,需要将内存进行回收(这个过程称之为垃圾回收). ...

vue中引用echarts设置渐变色new echarts不能用

vue中引用echarts设置渐变色new echarts不能用相关推荐

最新文章

热门文章