How to change pieseries of tunimchart color at runtime?

[newsanti]

procedure TMainmForm.UnimLabel2Click(Sender: TObject);
begin
//#FF8C00
//#FFD700
//#00CED1
  UnimPieSeries2.Colors[0]:= '#FFFFFF';
  UnimPieSeries2.Colors[1]:= '#FFD700';
  UnimPieSeries2.Colors[2]:= '#FFFFFF';
  UnimChart1.JSInterface.JSAssign('chart.colors', ['#FFFFFF','#FFD700','#FFFFFF']);
  UnimChart1.JSInterface.JSCall('chart.refresh', []); //not work
end;
 

[Sherzod]

1 hour ago, newsanti said:

UnimChart1.JSInterface.JSCall('chart.refresh', []); //not work

Try redraw instead of refresh.

[newsanti]

56 minutes ago, Sherzod said:

Try redraw instead of refresh.

do not work.

Mobile Double Pie.zip

[Sherzod]

I will try to check. 

[Sherzod]

3 hours ago, newsanti said:

do not work.

Try this approach:

procedure TMainmForm.UnimLabel1Click(Sender: TObject);
begin
  UnimPieSeries2.Colors[0]:= '#FF8C00';
  UnimPieSeries2.Colors[1]:= '#FFFFFF';
  UnimPieSeries2.Colors[2]:= '#FFFFFF';

  with UnimChart1.JSInterface do
    JSCall('chart.getSeries()['+ UnimChart1.SeriesList.IndexOf(UnimPieSeries2).ToString +'].setColors', [JSArray(['#FF8C00','#FFFFFF','#FFFFFF'])]);
  
  //UnimChart1.JSInterface
    //.JSCall('chart.redraw', []);
end;

 

[newsanti]

10 hours ago, Sherzod said:

Try this approach:

procedure TMainmForm.UnimLabel1Click(Sender: TObject);
begin
  UnimPieSeries2.Colors[0]:= '#FF8C00';
  UnimPieSeries2.Colors[1]:= '#FFFFFF';
  UnimPieSeries2.Colors[2]:= '#FFFFFF';

  with UnimChart1.JSInterface do
    JSCall('chart.getSeries()['+ UnimChart1.SeriesList.IndexOf(UnimPieSeries2).ToString +'].setColors', [JSArray(['#FF8C00','#FFFFFF','#FFFFFF'])]);
  
  //UnimChart1.JSInterface
    //.JSCall('chart.redraw', []);
end;

not work.

 

[Sherzod]

9 minutes ago, newsanti said:

not work

Hmm, are you sure? 

Works for me.

[newsanti]

Sorry ... It worked. Thank. 

I miss redraw.

procedure TMainmForm.UnimLabel1Click(Sender: TObject);
begin
  UnimPieSeries2.Colors[0]:= '#FF8C00';
  UnimPieSeries2.Colors[1]:= '#FFFFFF';
  UnimPieSeries2.Colors[2]:= '#FFFFFF';

  with UnimChart1.JSInterface do
    JSCall('chart.getSeries()['+
    UnimChart1.SeriesList.IndexOf(UnimPieSeries2).ToString +'].setColors',
     [JSArray(['#FF8C00','#FFFFFF','#FFFFFF'])]);

  UnimChart1.Redraw;
end;
 

[newsanti]

9 hours ago, Sherzod said:

Hmm, are you sure? 

Works for me.

function chart.beforeInit(sender, config)
{
   config.series[1].renderer=function(sprite, config, rendererData, index){
       return {strokeStyle: '#FF8C00', 
               label: ""  
              };
   }
}

How to fix Border color for each part of Series2?

I try with run-time code but error.

     JSCall('chart.getSeries()['+
     UnimChart1.SeriesList.IndexOf(UnimPieSeries2).ToString +']._setStrokeStyle',
     '"#FF8C00"');