10
Views
2
Comments
Solved
Highcharts line graph not displaying line where data points are missing
Question

I am using OutSystems 11 on a windows 10 machine.

In my application, I have a highcharts line graph that has 2 data series on it. The red series is not missing any data points, and the line is drawn normally. However, in the blue series, the data points 1, 5, and 7 are missing, and the line is not interpolated where there are missing points. Is there a way to do that? I wouldn't want to do it at the beginning of the data series where the first point is missing, but I would like to do it in the middle where points 5 and 7 are missing. Below is an image demonstrating what I described above.


The only thing I have done to modify the default formatting of the chart is to add markers at every data point. I did that by placing the following code in the AdvancedFormat.HighchartsJSON field

"
plotOptions:
{
series:
{
marker:
{
enabled: true,
value: 'x'
}
}
}
"

Thanks for any help.

Rank: #1254
Solution

Hello Ryan,


Just modify the AdvancedFormat.HighchartsJSON and replace it with


"
plotOptions:
{
series:
{

connectNulls: true,
marker:
{
enabled: true,
value: 'x'
}
}
}
"


Use this and you're all set.

Also, here is a link for you to check as well in case you need further help with formatting the json further.

https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/series-connectnulls-true/ 


Regards