1

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?

stefan
  • 658
  • 2
  • 9
  • 31

1 Answers1

0

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

Baidaly
  • 1,829
  • 1
  • 15
  • 16
  • Thanks for your answer. The problem with this is if I have empty or null values in my store which will be the case in my app the chart looks like this: https://fiddle.sencha.com/#fiddle/lbc Do you have any further suggestions for me? – stefan Apr 16 '15 at 07:06
  • I don't quite understand your requirement. Can you provide more details? – Baidaly Apr 17 '15 at 10:36
  • In the store I'm using for the chart some of the values used for the line serie are null or an empty string for these values I need to display gaps in the chart. Let me know if I can clearify this any further. – stefan Apr 17 '15 at 11:14
  • What I would like to achive is something like this: https://fiddle.sencha.com/#fiddle/hga But unfortunatly this doesn't work with sencha touch charts – stefan Apr 17 '15 at 11:20
  • I don't there is a way to do this using null value. It's better to use another field. I updated the fiddle, try it: https://fiddle.sencha.com/#fiddle/lb9 – Baidaly Apr 18 '15 at 18:49