Hi,
I am a bit of a novice and was hoping to get some help with a line chart that I am working on. The code for the chart is pasted below. For whatever reason, I am unable to see the plotbands. What am I doing wrong?
Thank you,
Jon
I am a bit of a novice and was hoping to get some help with a line chart that I am working on. The code for the chart is pasted below. For whatever reason, I am unable to see the plotbands. What am I doing wrong?
Thank you,
Jon
$("#change-in-temperature").kendoChart({ //dataSource: stocksDataSource, series: [{ name: "Change in temperature", data: [45, 52, 59, 50, 57] }], autoBind: false, seriesDefaults: { type: "line", overlay: { gradient: "none" }, markers: { visible: false }, majorTickSize: 0, opacity: .8 }, seriesColors: defaultSeriesColors, valueAxis: { plotBands: [{ from: -100, to: 0, color: "#000", opacity: 0.9 }], min: -100, max:100, line: { visible: false }, title:{ text: "Change in temperature", color: "#727f8e" }, labels: { format: "{0}", skip: 2, step: 2, color: "#727f8e" }, axisCrossingValue: -100, majorUnit: 10, }, categoryAxis: { //field: "date", categories: [ new Date("2011/12/30"), new Date("2011/12/31"), new Date("2012/01/01"), new Date("2012/01/02"), new Date("2012/01/03") ], labels: { format: "MM/dd", color: "#727f8e" }, line: { visible: false }, majorTicks: { visible: false }, majorGridLines: { visible: false } }, legend: { visible: false }, tooltip: { visible: true, format: "{0:NO}", opacity: 1 }, });1 Answer, 1 is accepted
0
Hi Jon Cooper,
instead of:
Kind regards,
Hristo Germanov
the Telerik team
I was able to reproduce the issue. I am glad to inform you that this issue is already fixed and the fix will be included in the next official release of the Kendo Ui.
The workaround is to set:
line: { width: 0.1}line: { visible: false}Hristo Germanov
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!