Jump to content

Falcon Kendo Component


pro_imaj

Recommended Posts

 

Hi, Falcon Kendo Component is very nice, first of all thank you.

-1. The subject can be active or inactive when we click on the above report fields (Number, M2). How can I make one of these fields passive at the beginning without the user clicking it?

-2 I can't format the numbers in the 2nd and 3rd images. I wanted to add the thousands separator, but it doesn't work (I tried the formats on the Kendo site, but the result is negative.)

 

@Marlon Nardi

image.thumb.png.2457f8ff79b4d9aeae3474bd7f1ea3bf.png

Link to comment
Share on other sites

1 hour ago, Marlon Nardi said:

Hi @pro_imaj

Thanks for your feedback,

Can you make a simple TestCase and send it to me so I can analyze and correct it for you?

Hello, I have sent you the sample test file as a message.

When you run it, you will see an image like the one below. I want to separate the numbers in the marked fields with thousands separators.

image.thumb.png.d0659bf60a72309b5b7a4081c0a7868e.png

Link to comment
Share on other sites

I will upload a new update today on the store (https://store.falconsistemas.com.br), for you to define your Culture Formatting

image.thumb.png.969bd110cd194fe999568037718a7f15.png

 

Chart.SetCulture('pt-BR');

image.png.799e08f4d65979fd7fba81693dea404f.png
 

Chart.SetCulture('en-US');

image.png.341af79db59961b82b6e00927196bc8a.png

Formating tootip sample:

Chart.ChartProperties.Values['tooltip'] := '{visible: true, format: "{0:c}"}';

 

Formating labels sample:

Chart.ChartSeriesDefaults := 'labels: {visible: true, position: "insideEnd", template: "#= kendo.format(''{0:c}'', value) #"}';


Reference:
https://docs.telerik.com/kendo-ui/globalization/intl/numberformatting

 

Link to comment
Share on other sites

1 hour ago, Marlon Nardi said:

I will upload a new update today on the store (https://store.falconsistemas.com.br), for you to define your Culture Formatting

image.thumb.png.969bd110cd194fe999568037718a7f15.png

 

Chart.SetCulture('pt-BR');

image.png.799e08f4d65979fd7fba81693dea404f.png
 

Chart.SetCulture('en-US');

image.png.341af79db59961b82b6e00927196bc8a.png


Formating tootip sample:

Chart.ChartProperties.Values['tooltip'] := '{visible: true, format: "{0:c}"}';

 

Formating labels sample:

Chart.ChartSeriesDefaults := 'labels: {visible: true, position: "insideEnd", template: "#= kendo.format(''{0:c}'', value) #"}';


Reference:
https://docs.telerik.com/kendo-ui/globalization/intl/numberformatting

 

Hello @Marlon Nardi

Thank you in advance for the update.

The subject number 1 in my first message is solution genius mi.

In other words, if there is data in the Adet and M2 Fields, the standard is selected. I want to bring one of them selectively.

The user can choose the other if they want.

Link to comment
Share on other sites

1 hour ago, pro_imaj said:

he subject number 1 in my first message is solution genius mi.

In other words, if there is data in the Adet and M2 Fields, the standard is selected. I want to bring one of them selectively.

The user can choose the other if they want.

referring to this topic I understand what you need, but I will have to study better how this can work.

Link to comment
Share on other sites

5 hours ago, Marlon Nardi said:

Hi @pro_imaj

topic 2 improvements are now available for download at https://store.falconsistemas.com.br

Regarding topic 1, today I'm going to study a better way to implement this.

KendoUI-Falcon-Test.zip 6.58 MB · 3 downloads

procedure TMainForm.UniFormCreate(Sender: TObject);
begin
  if Assigned(Sender) then

    Chart.ChartType := TUniFSKendoUIType(0);
  Chart.ChartTheme := TUniFSKendoUITheme(2);

  Chart.ChartSeries.Clear;
  Chart.ChartSeriesProperties.Clear;
  Chart.ChartProperties.Clear;
  Chart.ChartSeriesDefaults := EmptyStr;

  Chart.ChartTitleVisible := True;
  Chart.ChartTitle := 'Titulo Teste (bar, column, line)';
  Chart.ChartDataSet := UniMainModule.ExecQ;
  // "categoryAxis" - reserved keyworld for categories (Linha do Tempo)
  Chart.ChartSeries.Values['categoryAxis'] := 'Gun';
  Chart.SetCulture('');
  // first set of data, name=dbfield  1ª Barra
  Chart.ChartSeries.Values['Brasil'] := 'DIhAdet';
  // second set of data 2ª Barra
  Chart.ChartSeries.Values['Mundo'] := 'DIhM2';
  // tooltip for line chart
  Chart.ChartProperties.Values['tooltip'] := '{visible: true, format: "{0:c}"}';
  // labels for bars and columns
  Chart.ChartSeriesDefaults :=
    'labels: {visible: true, position: "insideEnd", template: "#= kendo.format(''{0:c}'', value) #"}';
  Chart.ChartProperties.Values['valueAxis'] := '{labels: {rotation: "auto"}}';
  Chart.ChartLegendPosition := TUniFSKendoUIPosition.Top;
  Chart.ChartStacked := False;
  Chart.ChartSeriesStyle := TUniFSKendoUISeriesStyle(0);

  Chart.SetCulture('pt-BR');
  // cmbLegend.ItemIndex := Integer(Chart.ChartLegendPosition);

  Chart.InitChart;
end;

image.png

Link to comment
Share on other sites

5 hours ago, Marlon Nardi said:

Hi @pro_imaj

topic 2 improvements are now available for download at https://store.falconsistemas.com.br

Regarding topic 1, today I'm going to study a better way to implement this.

KendoUI-Falcon-Test.zip 6.58 MB · 3 downloads

First of all, thank you for the work and the result.

As above, the result does not change for me. Do I need to make any adjustments other than the code example above?

Link to comment
Share on other sites

2 hours ago, Marlon Nardi said:

geri bildirim için teşekkürler,

en son sürümü kullandığınızdan emin olun.

image.thumb.png.224f05c1048bfc715c75aaaec7d00bc0.png

Örnek çevrimiçi:

https://demos.falconsistemas.com.br/?tela=tfrmkendoui


I clearly identified the problem.


It works correctly when I add runtime data to the ClientDataSet1 component.

When I connect the field type Decimal(18, 2) in MSSQL database, the result is wrong.

The problem was fixed when I made the field type float in MSSQL database.

Thanks, an interesting situation arises but this is how I solved the problem.

 

*Also, TL currency doesn't work even though I bought it according to kendo site.  'tr-TR'

https://docs.telerik.com/kendo-ui/api/javascript/data/datasource/configuration/accentfoldingfiltering

Link to comment
Share on other sites

  • 5 months later...
5 hours ago, morphine said:

Hi @Marlon Nardi

Firstly, thank you for a great component.

Please can you assist?  Labels disappear when trying the following :

 Chart.ChartProperties.Values['categoryAxis'] := '{labels: {font: "8px Tahoma"}}';

 

Hi @morphine, Thanks 🤜🤛.

For you to change the font of the label, change the parameters of

Chart.ChartSeriesDefaults


Example:

Chart.ChartSeriesDefaults := 'labels: {font: "8px Tahoma", visible: true, position: "insideEnd", template: "#= kendo.format(''{0:n3}'', value) #"} ';

 

Link to comment
Share on other sites

@Marlon NardiThank you for your reply.

 

 image.png.581b99b88796a4b8e9102c29351111b5.png

Works as expected for:  Chart.ChartType:=Column;

Red Arrow
Chart.ChartProperties.Values['valueAxis'] := '{majorGridLines: {visible: false},labels: {font: "8px Tahoma", rotation: "auto", format: "#,#"}  }';

Blue Arrow
Chart.ChartSeriesDefaults := 'labels: {font: "16px Tahoma", visible: true, position: "outsideEnd", template: "#= kendo.format(''{0:n3}'', value) #"} ';

How would you change the font size highlighted in purple?

 

 Chart.ChartType:=Bar;

image.png.9e1fa72ac8be6873a1b41e67e95c940f.png

Blue Arrow
Chart.ChartSeriesDefaults := 'labels: {visible: true, position: "outsideEnd",font: "16px Tahoma", template: "#= kendo.format(''{0:c}'', value) #"}';

How would you change the font size indicated by the RED arrow?

 I tried numerous CONFIG OPTIONS - https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart

 

Appreciate your assistance. 

 

Link to comment
Share on other sites

I understood @morphine,

You can also do it this way.

image.thumb.png.b261505149e504c45580e74748cff51f.png
 

Chart.ChartProperties.Values['valueAxis'] := '{labels: {rotation: "auto", color:"green", font:"18px Tahoma"}}';

 

Chart.ChartProperties.Values['axisDefaults'] := '{labels: {rotation: "auto", color:"green", font:"18px Tahoma"}}';

 

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...