Echarts实现环形图的渐变颜色效果

已经封装好的环形图组件

直接在要用的vue文件中引用：

              <circleChart
                :id="chart4.id"
                :width="chart4.width"
                :height="chart4.height"
                :bgColor="chart4.bgColor"
                :circleData="chart4.circleData"
                :color="chart4.color"
                :echartData="chart4.echartData"
                :title="chart4.title"
                :series="chart4.series"
              />

引入echarts

import * as echarts from "echarts"; //引入echarts

data中的代码：

 chart4: {
        id: "chart4",
        width: "100%",
        height: "270px",
        bgColor: "#fff",
        color: [
          new echarts.graphic.LinearGradient