Plotbands not visible

2 posts, 0 answers
  1. Jon
    Jon avatar
    1 posts
    Member since:
    Sep 2012

    Posted 04 Sep 2012 Link to this post

    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
                        },
                });


  2. Hristo Germanov
    Admin
    Hristo Germanov avatar
    703 posts

    Posted 05 Sep 2012 Link to this post

    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!
Back to Top