Log in to AnswerLog in to Follow
Furkan Çetin
73Views
23Comments
Solved
[OutSystems Charts] ShowDataPointValues does not work in LineChart
Question
Reactive
Charts
Forge
OutSystems Charts
Forge component by OutSystems R&D
Application Type
Reactive

Hello,

I can not show the datapoint values in a LineChart. Setting the 'ShowDataPointValues' attribute to True does not work and I have tried a lot in the AdvancedFormat which I have found in the HighCharts API with searching for 'datalabels'; https://api.highcharts.com/highcharts/ 

Does anyone else have the same problem or was someone able to solve it?

Regards,

Furkan Çetin

0
0
on 13th Jan
Gabriel Lundgren
Staff
Solution

Hey guys,

We already have a fix for this, hence it works on my environment but not on yours. We still don't have a defined date to release the new version, because we are still testing things. 

This issue was happening because we had set the format property as a mandatory string on the Charts. So the format was always set to ““, therefore the datapoints were not showing.

We have made a workaround for you: 

We've created a block that has the JS fixing this problem. For it to work, you must have the block on your screen and place the Line Chart into the block's placeholder.

I've attached a sample with this working. 


Please let me know if you have any troubles and I'm sorry for the inconvenience.

Thank you,

Gabriel Lundgren

See solution in context
Graphdatapoints.oml

0
0
on 14th Jan

Hi Gabriel,

I got this error when I tried to use the fix webblock;

RangeError: Maximum call stack size exceeded
    at Object.ChartsMobile.renderChart [as oldRender]

Kind regards,

Furkan

0
0
on 14th Jan
0
0
on 14th Jan

Replying to Gabriel Lundgren's comment on 14 Jan 2021 13:07:25

Hi Gabriel,

I have placed the OnReady action from the fix webblock to my own webblock where I use the LineGraph and that fixed this problem for me. 

Thank you very much for your help and this solution

Kind regards,

Furkan

1
0
on 14th Jan

Having the same issue raised a case with support earlier this week. 

Support the CaseId is 2436901

0
0
on 13th Jan

Hello guys, 


Can you show us how you are trying to set this attribute?


Thank you, 

Gabriel Lundgren

0
0
on 14th Jan

Hi Gabriel,

I am trying it with the 'ShowDataPointValues' attribute in 'ChartFormat'. I have tried to set this attribute directly to True, but that didn't work either. 'ShowDataPoints' is a Boolean variable.

Regards,

Furkan

0
0
on 14th Jan

Replying to Furkan Çetin's comment on 14 Jan 2021 10:21:28

Thank you Furkan, can you also show how are you trying to set via advanced format?

0
0
on 14th Jan

Replying to Furkan Çetin's comment on 14 Jan 2021 10:39:40

Hey guys, 


I've made a sample that sets the dataLabels to true via advancedFormat like this:

AdvancedFormat_Init(DataPointFormats:,DataSeriesFormats:,XAxisJSON:,YAxisJSON:,HighchartsJSON:"
plotOptions: {
    series: {
        dataLabels: {
            enabled: true
        }
    }
}")

I've attached the sample as well.


Let me know if this helps you.

Thank you,

Gabriel Lundgren

Graphdatapoints.oml

0
0
on 14th Jan

Replying to Gabriel Lundgren's comment on 14 Jan 2021 11:02:34

Hello Gabriel,

I have published your example .oml on our environment which has the last version of OutSystems Charts  and this is the result;

Kind Regards,

Furkan 

0
0
on 14th Jan

Gabriel what version of Charts component are you using.  We tried your proposed solution with the latest version on a reactive application and still aren't seeing any datapoints labelled.

 

0
0
on 14th Jan
Gabriel Lundgren
Staff
Solution

Hey guys,

We already have a fix for this, hence it works on my environment but not on yours. We still don't have a defined date to release the new version, because we are still testing things. 

This issue was happening because we had set the format property as a mandatory string on the Charts. So the format was always set to ““, therefore the datapoints were not showing.

We have made a workaround for you: 

We've created a block that has the JS fixing this problem. For it to work, you must have the block on your screen and place the Line Chart into the block's placeholder.

I've attached a sample with this working. 


Please let me know if you have any troubles and I'm sorry for the inconvenience.

Thank you,

Gabriel Lundgren

Graphdatapoints.oml

0
0
on 14th Jan

Hi Gabriel,

I got this error when I tried to use the fix webblock;

RangeError: Maximum call stack size exceeded
    at Object.ChartsMobile.renderChart [as oldRender]

Kind regards,

Furkan

0
0
on 14th Jan
0
0
on 14th Jan

Replying to Gabriel Lundgren's comment on 14 Jan 2021 13:07:25

Hi Gabriel,

I have placed the OnReady action from the fix webblock to my own webblock where I use the LineGraph and that fixed this problem for me. 

Thank you very much for your help and this solution

Kind regards,

Furkan

1
0
on 14th Jan

Glad to hear!

0
0
on 14th Jan

Does this bug affect everything that you do in advanced formatting.  eg setting the data format of an axis label?

0
0
on 26th Jan

This bug was affecting the plotOption.series.data label property. Have you ran into another bug?

0
0
on 26th Jan

We seem to be having an issue formatting dates on the axis from the default  2021-01-26 to a more familiar 26/01/2021.  I'm building a simple app to verify but wanted to check first

0
0
on 26th Jan

Replying to Paul Davies' comment on 26 Jan 2021 17:12:23

Example attached.  I've looked to format the x axis in advancedformat using

"xAxis: {
  type: 'datetime',
  labels: {
    format: '{value:%e-%b-%Y}'
  } }"

 

GraphdatapointsforSupport.oap

0
0
on 26th Jan

The fix in your example doesn't appear to wok in your example for columnchart

0
0
on 26th Jan

Hey Paul


Check this new OML and see if it works for column charts as well. On the previous example we were only treating line charts. Now I've added a treatment for column charts as well.



In case you have any doubts, feel free to ask.

Graphdatapoints.oml

0
0
on 26th Jan

Replying to Gabriel Lundgren's comment on 26 Jan 2021 16:48:48

Thanks for the update, the datapoints are now showing on our Columncharts.  


Any news on when the next release of charts with the fix ?

0
0
on 26th Jan

Replying to Paul Davies' comment on 26 Jan 2021 17:03:15

Hey Paul,


We released a under development version of Charts today. This version contains the fix mentioned above. 


Please let us know if you have any doubts.


Thank you,

Gabriel Lundgren

0
0
on 27th Jan

Replying to Gabriel Lundgren's comment on 27 Jan 2021 18:06:56

Have you seen any other issues with the line chart and more than one series? For example, I have a list of three records that are converted to a DataPointList for the linechart. However, the json created to build the chart has incorrect data for the 2nd and 3rd records. 


Attached you will see in the linechart json that each 'series' has incorrect and additional data points returned from this list. However, the same 3 records sent into the bar graph returns the correct json with no wrong series data points. 

Thanks,

Christian


linechartvsbargraphjsonoutputs.txt

0
0
on 4th Feb

Replying to Christian Stringer's comment on 04 Feb 2021 22:37:30

Sorry, I apologize for the confusion...but this seems to be resolved with the most recent update in charts. I no longer see this issue with our update. 

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