Display gaps in a Sencha Touch Cartesian Chart

Question

I would like to display gaps in a chart serie. I'm using Sencha Touch 2.4.1. I already tried to set the data to "no data" which results in a solid line between the surrounding data records (Sencha Fiddle). Setting the data to null results in a zero value in the chart.

Is there a way to display a gap in the serie?

Answer 1

Try the following fiddle: https://fiddle.sencha.com/#fiddle/lb9

It uses renderer to define transparent color for some parts of the chart. More information you can find here: http://docs-origin.sencha.com/touch/2.4/2.4.1-apidocs/#!/api/Ext.chart.series.Line-cfg-renderer