ngx-echarts-for-doughnut v1.0.6
传入数据格式 example: data = { legendData: '直达', '营销广告', '搜索引擎', '邮件营销', '联盟广告', '视频广告', '百度', '谷歌', '必应', '其他', seriesData: [ { name: "药物信息", data: { value: 335, name: '直达', selected: true }, { value: 679, name: '营销广告' }, { value: 1548, name: '搜索引擎' } }, { name: "药物信息", data: { value: 35, name: '直达' }, { value: 310, name: '邮件营销' }, { value: 234, name: '联盟广告' }, { value: 135, name: '视频广告' }, { value: 1048, name: '百度' }, { value: 251, name: '谷歌' }, { value: 147, name: '必应' }, { value: 102, name: '其他' } } ] }
npm install echarts npm install ngx-echarts npm install ngx-echarts-for-doughnut
import {NgxEchartsForDoughnutComponent} from 'ngx-echarts-for-doughnut'; import { NgxEchartsModule } from 'ngx-echarts';
imports: [ ..., NgxEchartsModule ], declarations: [ ..., NgxEchartsForDoughnutComponent, .... ]
3.<app-ngx-echarts-for-doughnut data="data">