[How to change pieseries of tunimchart color at runtime?]

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.

 

[How to change pieseries of tunimchart color at runtime?]

56 minutes ago, Sherzod said:

Try redraw instead of refresh.

do not work.

Mobile Double Pie.zip

[How to change pieseries of tunimchart color at runtime?]

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;
 

[How to hide axis and expand Width of BarSeries of TunimChart?]

15 hours ago, Sherzod said:

Hello @newsanti

I didn't quite understand your question.

now, I write new component with unimpanel to create this picture chart.

if use TunimChart with TuniBarSeries has many question to solve this picture.
-Round Border of Bar.

-Stack with diference color in each bar

-draw bar with difference color 

-do not show axis

-remove border of each bar
 

[How to change the font of X labels on UniBarSeries, and make it word wrap?]

1 hour ago, Sherzod said:

Desktop?

Mobile

[How to remove pie border or change boder color of TunimChart?]

[How to draw X-Axis at y=0 ?]

[How to hide axis and expand Width of BarSeries of TunimChart?]

22 minutes ago, newsanti said:

How to hide  label of  X-Axis?

[How to hide axis and expand Width of BarSeries of TunimChart?]

12 minutes ago, newsanti said:

   

 //axisY
    config.axes[0].renderer = function(s, v, a) {
        a.attr.canvasAttributes.strokeStyle='white';
        return ''
    };

[How to hide axis and expand Width of BarSeries of TunimChart?]

[How to change the font of X labels on UniBarSeries, and make it word wrap?]

On 10/4/2021 at 7:21 PM, jrp said:

It worked! Thank you very much Sherzod.

Now my chart.beforeInit looks like this:

function chart.beforeInit(sender, config)
{
    //hide markers
    config.series[0].marker = false;
    
    //change font size
    config.axes[1].label = {
        fontSize: 10
    };
 
    //word wrap
    config.axes[1].renderer = function(v, l) {
        //{1}-Wrap after one word
        //{2}-Wrap after two words
        return l.replace(/((?:\w+ ){1})/gi, "$1\n");
    };  
}

 

How to change font  Name of Axes?

[How to apply TunimChart with PieSeries to different size of slice?]

Question1: How to config different size of slice?

Question2: How to write text in donut space?

[How to display center textlabel inside TunimPieSeries of TunimChart?]

https://fiddle.sencha.com/#fiddle/tf5&view/editor

[How to change font and font size of Tunimchart label?]

[How to display value (%) inside graph of TunimPieSeries?]

[Как вывести % в UniChart - UniPieSeries]

On 7/7/2022 at 1:43 AM, Sherzod said:

Решение было создано на основе вышеуказанных постов.

function chart.beforeInit(sender, config)
{
    config.series[0].renderer=function(sprite, config, rendererData, index){
        return {label: "" + ((rendererData.store.getAt(index).data.A) / rendererData.store.sum('A')*100).toFixed(2) + "%"}
    }
}

В дополнении:

UniPieSeries.SeriesLabel.Display = inside

 

How to use with TunimPieSeries? 

TunimPieSeries no SeriesLabel.Display = inside

[How to set Client TuniFrame width at run-time?]

1. TuniFrame no JSInterface.

[How to show only border-bottom of TunimPanel?]

How to show only border-bottom of TunimPanel?

[How to remove TUnimEdit Border?]

1 minute ago, Sherzod said:

Can you make a simple app?

I will try.

[How to remove TUnimEdit Border?]

2 hours ago, Sherzod said:

@newsanti

Also try this approach:

procedure TMainmForm.UnimFormCreate(Sender: TObject);
begin
  UnimEdit1.JSInterface.JSAddListener('painted', 'function(){this.inputWrapElement.setStyle("border", "none")}')
end;

 

border = none ..do not work.

Edit_BUDGET.JSInterface.JSAddListener('painted',
    'function(){this.inputWrapElement.setStyle("border", "1px solid '+
    UniColor2Web($001C1C1E)+'")}')

Android..is OK.
IOS..is OK. but has round border of  TunimEdit.

[How to remove TUnimEdit Border?]

6 hours ago, 26554431 said:

You can use Unimemo borderstyle - ubsNone

I use for mobile TunimEdit with InputType=Number

Two Picture Below Compare TunimEdit Border with same Theme between IOS and Android Mobile.
I want to remove edit border for the same display.

[How to remove TUnimEdit Border?]

How to remove TUnimEdit Border?

[How to set mobile form position to right-bottom of screen?]

2 minutes ago, newsanti said:

My case, I want to move circle mobile form to bottom right.
 

 

[How to set mobile form position to right-bottom of screen?]

13 minutes ago, Sherzod said:

Hello, 

Also this post may help you:

 

My case, I want to move circle mobile form to bottom right.
 

[How to set mobile form position to right-bottom of screen?]

 

Yellow plus circle is form stay on top.