IWCGJQPlot, Donut Font Color

[dfields]

Which property controls the font color for the segments of a donut chart? The code below renders the chart I want, and I have been able to set the desired colors using JQPlotOptions.SeriesColors. I would like to set the font color to white for all segments.

Code: Select all

IWCGJQPlot1.JQPlotData := '[[[''a'',6], [''b'',8], [''c'',14], [''d'',20]]]';
IWCGJQPlot1.JQPlotOptions.SeriesDefaults.Renderer:= jqprDonutRenderer;
IWCGJQPlot1.JQPlotOptions.SeriesDefaults.DonutRendererOptions.SliceMargin:= 3;
IWCGJQPlot1.JQPlotOptions.SeriesDefaults.DonutRendererOptions.StartAngle:= -90;
IWCGJQPlot1.JQPlotOptions.SeriesDefaults.DonutRendererOptions.ShowDataLabels:= True;
IWCGJQPlot1.JQPlotOptions.SeriesDefaults.DonutRendererOptions.DataLabels := '{"value"}';
IWCGJQPlot1.Visible := true;

[Alexander Bulei]

Hi Daniel,

Here you have 2 examples to do that:

delphi code

{Via CSS}
  IWCGJQPlot1.Css:= 'my-plot1';
  IWCGJQPlot1.JQPlotData := '[[[''a'',6], [''b'',8], [''c'',14], [''d'',20]]]';
  IWCGJQPlot1.JQPlotOptions.SeriesDefaults.Renderer:= jqprDonutRenderer;
  IWCGJQPlot1.JQPlotOptions.SeriesDefaults.DonutRendererOptions.SliceMargin:= 3;
  IWCGJQPlot1.JQPlotOptions.SeriesDefaults.DonutRendererOptions.StartAngle:= -90;
  IWCGJQPlot1.JQPlotOptions.SeriesDefaults.DonutRendererOptions.ShowDataLabels:= True;
  IWCGJQPlot1.JQPlotOptions.SeriesDefaults.DonutRendererOptions.DataLabels := '{"value"}';

  ExtraHeader.Add('<style>.my-plot1 .jqplot-data-label { color: #FFF; }</style>');
  {OR ADD CSS CLASS TO YOUR CUSTOM CSS FILE}

  {Via Plot config}
  IWCGJQPlot2.JQPlotData := '[[[''a'',6], [''b'',8], [''c'',14], [''d'',20]]]';
  IWCGJQPlot2.JQPlotOptions.SeriesDefaults.Renderer:= jqprDonutRenderer;
  IWCGJQPlot2.JQPlotOptions.SeriesDefaults.DonutRendererOptions.SliceMargin:= 3;
  IWCGJQPlot2.JQPlotOptions.SeriesDefaults.DonutRendererOptions.StartAngle:= -90;
  IWCGJQPlot2.JQPlotOptions.SeriesDefaults.DonutRendererOptions.ShowDataLabels:= True;
  IWCGJQPlot2.JQPlotOptions.SeriesDefaults.DonutRendererOptions.DataLabels := '{"value"}';
  IWCGJQPlot2.JQPlotOptions.SeriesDefaults.DonutRendererOptions.DataLabelFormatString:= '<span style="color:#FFF">%d%%</span>';

Best Regards.