130
Views
9
Comments
Solved
[OutSystems Charts] Issues with version 3
outsystems-charts
Reactive icon
Forge asset by OutSystems
Application Type
Reactive

I upgraded my charts to version 3 and I am seeing some issues that I believe are on the charts side. Here is the data that I'm using (the order of the structure changed for version 3 so I updated the data to match):

And here is the data being presented:

The first issue is that the color column is not being respected. The second issue is that the tooltip is also not being respected (the value shown doesn't even match what the tooltip column description indicates what the default should be).


Thanks.

2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hi @Nuno Longo 

We don't have an ETA we can share at the moment but if you want to use the formatter you can do it on the current version by using the javascript APIs.
After exploring the Dev Tools console I could easily achieve that by doing the following:

- In the Grid's Initialized event, add a JavaScript node with the following script: 

const chartTooltip = {

  'tooltip': {

    'formatter': function() {       var point = this.point;       var xValue = point.x;       var yValue = point.y;        const msm = 'My % of ' + xValue + ': ' + yValue + 'items';       return msm;     }   } }; OutSystems.ChartAPI.ChartManager.GetChartById($parameters.ChartWidgetId).customizeChartObject(chartTooltip);

Hope it helps!

Cheers,
GM

2022-11-12 11-28-30
Gonçalo Martins
Staff

Hello Chris Addis 

Thanks for reaching out.
Could you please share a sample oml where we could replicate that use so that we can take a look at the same scenario in order to be able to help?

Cheers,
GM

UserImage.jpg
Valerie Tiong

Hi,

I am also experiencing the issue on the tooltip, but a weird behavior is that if I use the Sample Charts the custom tooltip works fine. Once we incorporated it into our application with more than 20 data points, the tooltips did not work and Highcharts seem to go to its default formatting. Unfortunately, I am not able to attach our oml because of the project and I cannot replicate it on a simple chart. 

Thanks.

2021-04-23 19-04-57
Chris Addis

Sorry, the color issue was my fault; the data got mapped weird to the return parameter when I updated to version 3. The tooltip issue still remains but I have found an alternative that will work for this project.

2022-11-12 11-28-30
Gonçalo Martins
Staff

Hi @Chris Addis / @Valerie Tiong 

We were finally able to reproduce the reported use case for the tooltip and seems to be in fact a product defect. 
For that, we created a task to fix this on the next release (no ETA at this moment) under the code ROU-4357 so that you can refer to it in the next release notes.
Thank you for reaching out.

Cheers,
GM

2022-02-03 11-55-26
Nuno Longo

Hi @Gonçalo Martins,

Do you know when it will the next release? And on the next release, does it will possible to use tooltip formatter with html to configurate the tooltip?

2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hi @Nuno Longo 

We don't have an ETA we can share at the moment but if you want to use the formatter you can do it on the current version by using the javascript APIs.
After exploring the Dev Tools console I could easily achieve that by doing the following:

- In the Grid's Initialized event, add a JavaScript node with the following script: 

const chartTooltip = {

  'tooltip': {

    'formatter': function() {       var point = this.point;       var xValue = point.x;       var yValue = point.y;        const msm = 'My % of ' + xValue + ': ' + yValue + 'items';       return msm;     }   } }; OutSystems.ChartAPI.ChartManager.GetChartById($parameters.ChartWidgetId).customizeChartObject(chartTooltip);

Hope it helps!

Cheers,
GM

2022-11-12 11-28-30
Gonçalo Martins
Staff

Hi @Nuno Longo 

Did you get the chance to test this?

Cheers,
GM

2022-02-03 11-55-26
Nuno Longo

Hi @Gonçalo Martins,

I'm sorry for my late answer, I tested this solution and it works well. I put it on end of the LineChartInitialized action. Thank you for share this soluction! :) 

2022-11-12 11-28-30
Gonçalo Martins
Staff

Hi @Nuno Longo 

Glad to know it worked for you as well đŸ™‚

Cheers,
GM

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.