已经封装好的环形图组件
直接在要用的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