Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Here you go: <a href="http://jsfiddle.net/LyndsySimon/KJuDe/" rel="nofollow">http://jsfiddle.net/LyndsySimon/KJuDe/</a></p> <p>You need to use the <code>missingValues: 'interpolate'</code> option on the series configuration.</p> <p>I found this answer on this page of the Kendo documention: <a href="http://www.kendoui.com/documentation/dataviz/chart/configuration.aspx" rel="nofollow">http://www.kendoui.com/documentation/dataviz/chart/configuration.aspx</a></p> <p>EDIT: I didn't see your config, somehow. Here it is, patched up to fill gaps on all series -</p> <pre><code>jQuery('#chart').kendoChart({ title: { text: "Overall Score out of 100", align: "left", font: "18px Arial, Verdana, sans-serif" }, seriesDefaults: { type: "line", missingValues: "interpolate" }, legend: { position: "bottom" }, tooltip: { visible: true, format: "{0}%" }, valueAxis: { min: 70, max: 85, plotBands: [{ from: 70, to: 75, color: "#EDF5FF"}, { from: 80, to: 85, color: "#EDF5FF"}] }, series: [{ name: "Some Product", color: "004990", tooltip: { visible: true, template: "&lt;b&gt;Some Product *&lt;/b&gt;&lt;br/&gt;Current Score: #= value #&lt;br/&gt;#= category # " }, data: [81.82, 81.82, 81.82, null, null, null, null, null, null, null, null, 70.42, 72.37]}, { name: " Some Market Segmemt", color: "da7633", tooltip: { visible: true, template: "&lt;b&gt; Some Market Segment&lt;/b&gt;&lt;br/&gt;Current Score: #= value #&lt;br/&gt;#= category # " }, data: [73.81, 73.52, 73.59, 73.49, 73.41, 73.51, 73.72, 73.27, 74.23, 73.99, 73.97, 73.83, 73.79]}], categoryAxis: { labels: { rotation: -45 }, categories: ["Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", "Jan - 2012", "Feb", "Mar"] } }); </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload