Hi,
I am using ExtJs to draw line chart. If I pass any null value in the chart data source, it displays a line there but I want a blank space so that it will look like a broken like indicating null value just like google charts.

Please have a look at my code.

Ext.require('Ext.chart.*');
var store;
var arr = new Array(30);
for (i = 0; i < 30; i++) {
arr[i] = new Array(2);
arr[i][0] = Math.floor(Math.random() * 10); // i;
arr[i][1] = i;




}
arr[10][1] = null;
arr[11][1] = null;
arr[12][1] = null;
arr[13][1] = null;
arr[14][1] = null;




Ext.onReady(function() {
Ext.define('WeatherPoint', {
extend: 'Ext.data.Model',
fields: ['y1', 'x1']
});


store = Ext.create('Ext.data.Store', {
model: 'WeatherPoint',
data: arr
});


Ext.create('Ext.chart.Chart', {
style: 'background: silver;border-color:white',
renderTo: Ext.getBody(),
width: 1000,
height: 300,
store: store,


axes: [
{
title: 'Y-Axis',
type: 'Numeric',
position: 'left',
fields: ['y1'],
minimum: 0,
maximum: 50
},
{
title: 'X-Axis',
type: 'Numeric',
position: 'bottom',
fields: ['x1']
//,dateFormat: 'ga'
}
],
series: [
{
type: 'line',
fill: true,
style: { fill: 'transparent' },
xField: 'x1',
yField: 'y1'
}
]
});




});