Note that there are some explanatory texts on larger screens.

plurals
  1. POUsing KendoUI Line Chart, How to make the data markers (Dots) a solid color?
    primarykey
    data
    text
    <p>I'm using Kendo UI to replace an existing chart. I need to minimize the changes between the charts. Does anyone know how to make the dots on the Line Chart solid? Is it possible to make the line thinner?</p> <p>This is my image of my chart:</p> <p><img src="https://i.imgur.com/ir9g2.gif" alt="" /></p> <p>Here is my jsFiddle project if you want to play with it: <a href="http://jsfiddle.net/rodneyhickman/uMTnh/2/" rel="noreferrer">http://jsfiddle.net/rodneyhickman/uMTnh/2/</a> </p> <p>My html looks like:</p> <pre><code>&lt;div id='chart' &gt;&lt;/div&gt; </code></pre> <p>My jQuery Script Looks Like:</p> <pre><code> jQuery('#chart').kendoChart({ title: { text: "Overall Score out of 100", align: "left", font: "18px Arial, Verdana, sans-serif", color: "#444" }, 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 Segmemt&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, step: 1, skip: 0 }, categories: ["Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", "Jan - 2012", "Feb", "Mar"] } }); </code></pre> <p>Any Help would be appreciated.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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