Skip to main content

Posts

Showing posts with the label Doughnut Chart

Angular 4 Doughnut Chart Example – How to Use Doughnut Chart in Angular 4?

Doughnut Chart – A doughnut-chart is an equivalent to the pie chart and it contains blank center allowing for additional information about the data. Stayed Informed - Angular4 Interview Q/A Example for Doughnut Chart – DoughnutChart.Component.ts – import {Component} from '@angular/core' ; export class DoughnutChart { data: any ; constructor () { this .data = { labels : [ 'A' , 'B' , 'C' ], datasets : [ { data : [ 300 , 51 , 101 ], hoverBackgroundColor : [ "#FF6373" , "#36A2EB" , "#FFCE56" ], backgroundColor : [ "#FF6373" , "#36A2EB" , "#FFCE56" ] ...