将echarts饼图的颜色改成渐变色
<body><div id="charts"></div><script>let color1 = new echarts.graphic.LinearGradient(0,1,0,0,[{offset: 0, color: "#cee7ff" }, {offset: 1, color: "#148afe" }],false);let color2 = new echarts.graphic.LinearGradient(0,1,0,0,[{offset: 0, color: "#50e7bb" }, {offset: 1, color: "#50e7bb" }],false);let color3 = new echarts.graphic.LinearGradient(0,1,0,0,[{offset: 0, color: "#70d0fe" }, {offset: 1, color: "#afe5ff" }],false);let color4 = new echarts.graphic.LinearGradient(0,1,0,0,[{offset: 0, color: "#b386fc" }, {offset: 1, color: "#dbc4fe" }],false);let color5 = new echarts.graphic.LinearGradient(0,1,0,0,[{offset: 0, color: "#b386fc" }, {offset: 1, color: "#dbc4fe" }],false);this.myChart = this.$echarts.init(document.getElementById("charts"));this.myChart.setOption({//列表-图表series: [center: ["50%", "50%"], //饼图的中心坐标radius: ["70%", "90%"], //饼图的半径 内/外data: val}],color: [color1, color2, color3, color4 ,color5]});</script></body>
效果图如下
