Hello Nilton,
I have already answered your question in the ticket, but I will post the same response here in case someone else from the community has the same query:
A possible solution would be to set the missingValues setting to `gap`.
e.g.
{
name: 'Actual',
color: '#98ECCA',
tooltip: {
template: 'Actual Qty' + ': #= value #m³'
},
line: {
color: '#10EF62',
width: 2
},
missingValues: "gap",
maxXaxys: 8,
data: ['0', '3', '4', '4', '4', '12', '13', '14', '15', null, null, null, null],
zIndex: 1,
opacity: 0.25
},
{
missingValues: "gap",
name: 'Forecasted',
color: '#888888',
line: {
dashType: 'dash',
width: 2
},
tooltip: {
template: 'Forecasted Qty' + ': #= value #m³'
},
data: [null, null, null, null, null, null, null, null, '15', '15', '18', '20', '24'],
zIndex: 0,
opacity: 0.1
},
For your convenience I have modified the provided sample:
Regards,
Georgi
Progress Telerik
Get
quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers.
Learn More.