Kendo UI chart bug
Chart doesn't respond to visible: false on line
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
<div class="chart-wrapper">
<div id="chart" style=""></div>
</div>
JavaScript
function createChart() {
$("#chart").kendoChart({
theme: $(document).data("kendoSkin") || "default",
title: {
text: "Internet Users"
},
legend: {
position: "bottom"
},
chartArea: {
background: ""
},
seriesDefaults: {
type: "line"
},
series: [{
name: "World",
data: [15.7, 16.7, 20, 23.5, 26.6]
}, {
name: "United States",
data: [67.96, 68.93, 75, 74, 78]
}],
valueAxis: {
majorTickSize: 0,
majorGridLines: {
visible: false
},
line: {
visible: false,
width: 0 //remove this and the line will come back even with visible false
},
labels: {
visible: false
}
},
categoryAxis: {
line: {
visible: false,
width: 0 //remove this and the line will come back even with visible false
},
majorTickSize: 0,
labels: { visible: false },
categories: [2005, 2006, 2007, 2008, 2009]
},
tooltip: {
visible: true,
format: "{0}%"
}
});
}
$(document).ready(function() {
setTimeout(function() {
createChart();
// Initialize the chart with a delay to make sure
// the initial animation is visible
}, 400);
$(document).bind("kendo:skinChange", function(e) {
createChart();
});
});