This is a migrated thread and some comments may be shown as answers.

Plotbands not visible

1 Answer 63 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Jon
Top achievements
Rank 1
Jon asked on 04 Sep 2012, 11:39 PM
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

$("#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

Sort by
0
Hristo Germanov
Telerik team
answered on 05 Sep 2012, 06:34 AM
Hi Jon Cooper,

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
}
instead of:
line: {
  visible: false
}

Kind regards,
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!
Tags
Charts
Asked by
Jon
Top achievements
Rank 1
Answers by
Hristo Germanov
Telerik team
Share this question
or