echarts 三环圆环_echarts 实现环形进度图

效果如图：

typescript部分：

import {Component, OnInit} from "@angular/core";

import {EchartsDirective} from "../../libs/echarts/echarts.component";

@Component({

selector: 'circle-loading',

template: `

`,

directives: [

EchartsDirective

]

})

export class CircleLoadingComponent implements OnInit {

eoption: any;

name: string;

value:number = 2;

ngOnInit() {

this.getInterval();

}

getInterval() {

setInterval(() => this.generateData(), 1000);

}

generateData() {

this.value = this.value < 100 ? this.value + 2 : 10;

this.eoption = this.getOption();

}

getOption() {