import { InjectionToken } from '@angular/core' ; import { Options } from 'highcharts' ; export const DONUT_OPTIONS = new InjectionToken < Options > ( 'DonutOptions' ) ; export const DonutOptions = { chart : { style : { fontFamily : 'Roboto' , fontWeight : '300' , } , backgroundColor : 'transparent' , type : '' , } , accessibility : { description : 'Donut chart' , } , title : { text : '' , } , tooltip : { enabled : false , animation : false , } , legend : { layout : 'vertical' , symbolRadius : 0 , itemStyle : { fontSize : '.875rem' , } , } , plotOptions : { pie : { colors : [ '#015132' , '#B2D1BF' , '#AABC08' , '#1FA05A' , 'yellowgreen' ] , allowPointSelect : false , cursor : 'pointer' , showInLegend : true , borderColor : null , dataLabels : { format : '{point.label}' , enabled : true , connectorWidth : 0 , distance : 5 , style : { fontSize : '1rem' , fontWeight : '200' , } , } , point : { events : { legendItemClick : ( ) => { return false ; } , } , } , states : { hover : { enabled : false , } , } , } , series : { animation : true , dataLabels : { } , states : { hover : { enabled : false , } , inactive : { opacity : 1 , } , } , } , } , series : [ { name : '' , type : 'pie' , } , ] , credits : { enabled : false , } , exporting : { enabled : false , } , responsive : { rules : [ { condition : { minWidth : 640 , } , chartOptions : { legend : { layout : 'vertical' , align : 'right' , verticalAlign : 'middle' , itemMarginTop : 12 , symbolRadius : 0 , symbolWidth : 14 , symbolHeight : 14 , x : - 100 , } , } , } , { condition : { minWidth : 0 , } , chartOptions : { legend : { symbolRadius : 0 , } , } , } , ] , } , } ;