Databases
StackOverflow2013
Postsdbo
POUsing KendoUI Line Chart, How can keep bar dots connected? (See Image)
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUsing KendoUI Line Chart, How can keep bar dots connected? (See Image)
    text
    copied!<p>I'm using KendoUI to replace some DotNet Charting Graphs. How do I keep the line connected even when there is no data? </p> <p>The first chart is the Dot Net Charting which is being replaced. The second chart is the KendoUI which I'd like to keep the dots connected.</p> <p><img src="https://i.imgur.com/6pX98.gif" alt="" /></p> <p>My html looks like this: </p> <p>My jQuery Kendo Script for the following chart looks like:</p> <pre><code>jQuery('#chart').kendoChart({ title: { text: "Overall Score out of 100", align: "left", font: "18px Arial, Verdana, sans-serif" }, seriesDefaults: { type: "line" }, 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> <p>This is a link to JSFittle project with the graph to play with: <a href="http://jsfiddle.net/rodneyhickman/uMTnh/1/" rel="nofollow noreferrer">http://jsfiddle.net/rodneyhickman/uMTnh/1/</a> </p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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