pro_imaj Posted June 30, 2022 Share Posted June 30, 2022 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 Quote Link to comment Share on other sites More sharing options...
pro_imaj Posted June 30, 2022 Author Share Posted June 30, 2022 No matter what I give to the format field as below, it has no effect. Chart.ChartProperties.Values['tooltip'] := '{visible: true, format: "{0}%", template: "#= series.name #: #= value #"}'; Quote Link to comment Share on other sites More sharing options...
Sherzod Posted June 30, 2022 Share Posted June 30, 2022 Hello, You can email Marlon. Quote Link to comment Share on other sites More sharing options...
pro_imaj Posted June 30, 2022 Author Share Posted June 30, 2022 35 minutes ago, Sherzod said: Hello, You can email Marlon. I sent a message, em is more descriptive and also asked here so that everyone can use it if it is resolved. Thanks for your attention Quote Link to comment Share on other sites More sharing options...
Marlon Nardi Posted June 30, 2022 Share Posted June 30, 2022 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? Quote Link to comment Share on other sites More sharing options...
pro_imaj Posted June 30, 2022 Author Share Posted June 30, 2022 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. Quote Link to comment Share on other sites More sharing options...
pro_imaj Posted July 1, 2022 Author Share Posted July 1, 2022 Hi @Marlon Nardi Were you able to look Quote Link to comment Share on other sites More sharing options...
Marlon Nardi Posted July 1, 2022 Share Posted July 1, 2022 Hi @pro_imaj I haven't been able to look it up yet, I'll check it out later today. Quote Link to comment Share on other sites More sharing options...
pro_imaj Posted July 1, 2022 Author Share Posted July 1, 2022 Thanks @Marlon Nardi Quote Link to comment Share on other sites More sharing options...
Marlon Nardi Posted July 1, 2022 Share Posted July 1, 2022 I will upload a new update today on the store (https://store.falconsistemas.com.br), for you to define your Culture Formatting Chart.SetCulture('pt-BR'); Chart.SetCulture('en-US'); 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 Quote Link to comment Share on other sites More sharing options...
pro_imaj Posted July 1, 2022 Author Share Posted July 1, 2022 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 Chart.SetCulture('pt-BR'); Chart.SetCulture('en-US'); 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. Quote Link to comment Share on other sites More sharing options...
Marlon Nardi Posted July 1, 2022 Share Posted July 1, 2022 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. Quote Link to comment Share on other sites More sharing options...
Marlon Nardi Posted July 2, 2022 Share Posted July 2, 2022 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 1 Quote Link to comment Share on other sites More sharing options...
pro_imaj Posted July 2, 2022 Author Share Posted July 2, 2022 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; Quote Link to comment Share on other sites More sharing options...
pro_imaj Posted July 2, 2022 Author Share Posted July 2, 2022 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? Quote Link to comment Share on other sites More sharing options...
Marlon Nardi Posted July 2, 2022 Share Posted July 2, 2022 Thanks for de feedback, make sure you are using the latest version. Sample online: https://demos.falconsistemas.com.br/?tela=tfrmkendoui Quote Link to comment Share on other sites More sharing options...
pro_imaj Posted July 2, 2022 Author Share Posted July 2, 2022 2 hours ago, Marlon Nardi said: geri bildirim için teşekkürler, en son sürümü kullandığınızdan emin olun. Ö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 Quote Link to comment Share on other sites More sharing options...
pro_imaj Posted July 2, 2022 Author Share Posted July 2, 2022 What should I do for the thousand separator without making a currency? Quote Link to comment Share on other sites More sharing options...
Marlon Nardi Posted July 2, 2022 Share Posted July 2, 2022 1 hour ago, pro_imaj said: What should I do for the thousand separator without making a currency? you can use the following format from {0:c} to {0:n3} Reference: https://docs.telerik.com/kendo-ui/globalization/intl/numberformatting 1 Quote Link to comment Share on other sites More sharing options...
morphine Posted December 31, 2022 Share Posted December 31, 2022 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"}}'; Quote Link to comment Share on other sites More sharing options...
Marlon Nardi Posted December 31, 2022 Share Posted December 31, 2022 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) #"} '; Quote Link to comment Share on other sites More sharing options...
morphine Posted December 31, 2022 Share Posted December 31, 2022 @Marlon NardiThank you for your reply. 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; 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. Quote Link to comment Share on other sites More sharing options...
Marlon Nardi Posted January 2, 2023 Share Posted January 2, 2023 I understood @morphine, You can also do it this way. Chart.ChartProperties.Values['valueAxis'] := '{labels: {rotation: "auto", color:"green", font:"18px Tahoma"}}'; Chart.ChartProperties.Values['axisDefaults'] := '{labels: {rotation: "auto", color:"green", font:"18px Tahoma"}}'; Quote Link to comment Share on other sites More sharing options...
morphine Posted January 3, 2023 Share Posted January 3, 2023 Thank you for your time @Marlon Nardi Works perfect.... 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.