SergioFeitoza Posted February 17, 2021 Share Posted February 17, 2021 Please ck this example of KENDO UI https://demos.telerik.com/kendo-ui/line-charts/index If I click EXAMPLE I will see the chart with a background-image exactly like I need to do in a chart in my Unigui code If I click VIEWSOURCE I will see the html code corresponding to the chart including the part related to the background <div id="chart" style="background: center no-repeat url('../content/shared/styles/world-map.png');"></div> MY DOUBT is : How can I insert a part of the html code inside my Unigui ? I think I did something like this in the past using "ClientEvents" Can you help me on this ? Link to comment Share on other sites More sharing options...
SergioFeitoza Posted February 19, 2021 Author Share Posted February 19, 2021 Any help ? Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted February 22, 2021 Share Posted February 22, 2021 Hi KendoUI is very different than ExtJS. If you can find an ExtJS example, we can implement it to UniGUI. Link to comment Share on other sites More sharing options...
SergioFeitoza Posted February 22, 2021 Author Share Posted February 22, 2021 2 hours ago, Hayri ASLAN said: Hi KendoUI is very different than ExtJS. If you can find an ExtJS example, we can implement it to UniGUI. Hi Aslan Thanks for writing. After trying without success receive information from Telerik support I started to study severla posts in the forums and identifyed that ome solution is using customCSS. I am testing now but something is still not working as I need. What I am doing is including in the added event of Ext events of the chart the function function added(sender, container, pos, eOpts) { sender.addCls('bg-chart'); } AND in the custoCSS of servermodule something like bg-chart { background-color: white; background-image: url('https://www.mysite.com/' + OneOfTheTypesString + '.bmp'); background-repeat: no-repeat; background-position: center; background-size: cover; } When I run I do not get errors but the background do not appear ( as here Demo of core features in jQuery Line Charts widget | Kendo UI for jQuery (telerik.com)) Maybe my error is that intead of writing background-image above I have to write something like chartArea.background . I will test The properties of the KENDOUI are below. The result I need is inthe figure"VCL" attached. What what I am getting with Unigui + Kendo is the other figure KENDOUI chart properties · chartArea · chartArea.background · chartArea.border · chartArea.border.color · chartArea.border.dashType · chartArea.border.width · chartArea.height · chartArea.margin · chartArea.margin.bottom · chartArea.margin.left · chartArea.margin.right · chartArea.margin.top · chartArea.opacity · chartArea.width Link to comment Share on other sites More sharing options...
Marlon Nardi Posted February 27, 2021 Share Posted February 27, 2021 Hi Sergio, If you are using the UniFSKendoUI component (https://store.falconsistemas.com.br), you can be setting the background image, in the property: ChartImageBackGround := 'https://demos.telerik.com/kendo-ui/content/shared/styles/world-map.png'; and to change the background without image set null ChartImageBackGround :='null'; and change the background color to transparent: ChartColorBaground: = '# f9f9f900'; 1 Link to comment Share on other sites More sharing options...
SergioFeitoza Posted February 27, 2021 Author Share Posted February 27, 2021 Link to comment Share on other sites More sharing options...
Marlon Nardi Posted February 27, 2021 Share Posted February 27, 2021 Check the version of your component, this property is available in version do UniFSKendoUI 1.1.2.55 Link to comment Share on other sites More sharing options...
SergioFeitoza Posted March 1, 2021 Author Share Posted March 1, 2021 On 2/27/2021 at 7:03 PM, Marlon Nardi said: Check the version of your component, this property is available in version do UniFSKendoUI 1.1.2.55 Hello Marlon Thank you very much. It worked well Problem solved. Your Falcon components are great Regards Sergio 1 Link to comment Share on other sites More sharing options...
MVakili Posted April 4, 2021 Share Posted April 4, 2021 Hi @Marlon Nardi I delete ChartImageBackGround property but every time I open my project it shows error like image I set it to 'null' in property or even in before init but I had error again how I can change it ? Link to comment Share on other sites More sharing options...
Marlon Nardi Posted April 4, 2021 Share Posted April 4, 2021 Hi @MVakili thanks for the Feedback. Problem fixed, a new update for download is available in the store ( https://store.falconsistemas.com.br ). Link to comment Share on other sites More sharing options...
Abaksoft Posted April 5, 2021 Share Posted April 5, 2021 10 hours ago, Marlon Nardi said: @MVakilittps://store.falconsistemas.com.br ). BRAVO Marlon Facon Store = Good Job. :) 1 Link to comment Share on other sites More sharing options...
MVakili Posted April 5, 2021 Share Posted April 5, 2021 10 hours ago, Marlon Nardi said: Hi @MVakili thanks for the Feedback. Problem fixed, a new update for download is available in the store ( https://store.falconsistemas.com.br ). Tank you Ill check Another question I want to change ChartChartSeriesDefault and ChartProperties at run time .. but It seems dosnt work may you help me ChartChartSeriesDefault:=''; ChartChartSeriesDefault:=MSeriesDef.Lines.Text; ChartProperties.Clear; ChartProperties.Text:=MProperties.Lines.Text; Both MSeriesDef and MProperties are TUniSyntaxEdit Link to comment Share on other sites More sharing options...
Marlon Nardi Posted April 6, 2021 Share Posted April 6, 2021 Hi @MVakili, this feature of changing the settings of ChartChartSeriesDefault and ChartProperties in execution time, has not yet been implemented, we would have to study, for a possible implementation. Link to comment Share on other sites More sharing options...
MVakili Posted April 6, 2021 Share Posted April 6, 2021 Just now, Marlon Nardi said: Hi @MVakili, this feature of changing the settings of ChartChartSeriesDefault and ChartProperties in execution time, has not yet been implemented, we would have to study, for a possible implementation. Ok ..What if I want to release and create again the chart? is it possible ? Link to comment Share on other sites More sharing options...
Marlon Nardi Posted April 6, 2021 Share Posted April 6, 2021 5 minutes ago, MVakili said: Ok ..What if I want to release and create again the chart? is it possible ? Yes Link to comment Share on other sites More sharing options...
MVakili Posted April 6, 2021 Share Posted April 6, 2021 How ? may u help me? Link to comment Share on other sites More sharing options...
jemmyhatta Posted April 8, 2021 Share Posted April 8, 2021 hello Marlon, i just looking your kendoui chart, small question can i change then font or font size of 'categoryAxis' ? and can u merge 2 different chart type into 1 chart? Link to comment Share on other sites More sharing options...
MVakili Posted April 9, 2021 Share Posted April 9, 2021 Hi @Marlon Nardi I finished runtime creating chart again But it seems can be control by component properties for example I changed ChartProperties and send it to new chart creation but it wont change Link to comment Share on other sites More sharing options...
Marlon Nardi Posted April 11, 2021 Share Posted April 11, 2021 On 4/7/2021 at 10:27 PM, jemmyhatta said: hello Marlon, i just looking your kendoui chart, small question can i change then font or font size of 'categoryAxis' ? and can u merge 2 different chart type into 1 chart? Hi @jemmyhatta, all right? Yes, this is possible. You can even use the KendoUI documentation to search (https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/seriesdefaults.labels.font). Link to comment Share on other sites More sharing options...
Marlon Nardi Posted April 11, 2021 Share Posted April 11, 2021 On 4/9/2021 at 4:08 AM, MVakili said: Hi @Marlon Nardi I finished runtime creating chart again But it seems can be control by component properties for example I changed ChartProperties and send it to new chart creation but it wont change Hi @MVakili I will improve the methods of updating the states, so that this is possible, I will publish a new update. 1 Link to comment Share on other sites More sharing options...
Marlon Nardi Posted April 11, 2021 Share Posted April 11, 2021 1 hour ago, Marlon Nardi said: Hi @MVakili I will improve the methods of updating the states, so that this is possible, I will publish a new update. Fixed, disponible in (https://store.falconsistemas.com.br) after changing anything, run the Chart.InitChart command, sample: 1 Link to comment Share on other sites More sharing options...
jemmyhatta Posted April 12, 2021 Share Posted April 12, 2021 thanks @Marlon Nardi for your answer, i have some not successful code, procedure TFT_CHART.UniBitBtn3Click(Sender: TObject); begin UniFSChart1.ChartSeries.Clear; UniFSChart1.ChartSeriesProperties.Clear; UniFSChart1.ChartProperties.Clear; UniFSChart1.ChartType := TUniFSKendoUIType(Column); UniFSChart1.ChartDataSet := UniMainModule.spDISIKPI1; UniFSChart1.ChartSeries.Values['categoryAxis'] := 'THN'; UniFSChart1.ChartSeries.Values['Aktual'] := 'ACTUALX'; UniFSChart1.ChartSeries.Values['Target'] := 'TARGETX'; UniFSChart1.ChartSeriesDefaults := 'labels: {visible: true, font: "10px Tahoma", position: "outsideEnd", format: "#,#"}'; UniFSChart1.ChartProperties.Values['valueAxis'] := '{labels: {font: "10px Tahoma", rotation: "auto", format: "#,#"}}'; // that label in category axis just disappear, if i dont use this coding, the label still in default font size UniFSChart1.ChartProperties.Values['categoryAxis'] := '{labels: {font: "10px Tahoma"}}'; UniFSChart1.ChartLegendPosition := TUniFSKendoUIPosition.Bottom; UniFSChart1.ChartStacked := False; UniFSChart1.InitChart; end; Link to comment Share on other sites More sharing options...
MVakili Posted April 12, 2021 Share Posted April 12, 2021 20 hours ago, Marlon Nardi said: Fixed, disponible in (https://store.falconsistemas.com.br) after changing anything, run the Chart.InitChart command, sample: Wow Love you 😍 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now