jammed axes

3 posts, 1 answers
  1. Answer
    Olga
    Olga avatar
    13 posts
    Member since:
    May 2013

    Posted 21 May 2013 Link to this post

    Hello!

    I have chart with 2  axes.
    Prior to data being pumped  into chart those 2 axes looked really jammed (see attach).
    Once data is bound and chart is ploatted in looks perfect.  

    Any recommendations how can I avoid  this creepy UI effect?

    Here is chart definition:

     $("#chartISPbar").kendoChart({
                        title: {
                            text: "ISP latency and user distribution"
                        },
                        dataSource: ispDataSource,
                        autoBind: false,
                        legend: {
                            position: "bottom"
                        },
                        chartArea: {
                            background: ""
                        },
                        seriesDefaults: {
                            type: "bar"
                        },
                        series: [{
                            name: "AVG responce time",
                            field: "AVG_ISP_ResponseTime",
                            axis: "responses"
                        },
                                {
                                    name: "Number of requests",
                                    field: "NumberOfRequests",
                                    axis: "requests"
                                }

                        ],
                        categoryAxis: {
                            field: "ISP",                      
                            majorGridLines: {
                                visible: false
                            }

                        },
                        valueAxes: [
                            {
                                name: "responses",
                                title: { text: "latency (response time)" }
                            },

                        {
                            name: "requests",
                            title: { text: "users (# requests)" }

                        }
                        ],
                        tooltip: {
                            visible: true,
                            format: "N0",                    
                            template: "#= series.name #: #= value #",
                            padding: {
                                left: 100
                            }
                        }
                    });

    KendoUI ver: 2013.1.319
    Browsers: FireFox 20.0.1, Chrome 26.0.1410.64 m
  2. T. Tsonev
    Admin
    T. Tsonev avatar
    2831 posts

    Posted 22 May 2013 Link to this post

    Hello,

    Thank you for describing the problem in detail.

    I was able to solve the problem by adding a dummy category:
    categoryAxis: {
        categories: [""]
    }


    Demo: http://jsbin.com/alepog/1/edit

    We'll try to fix the problem in our side as well. Apologies for the caused inconvenience.

    Regards,
    Tsvetomir Tsonev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Olga
    Olga avatar
    13 posts
    Member since:
    May 2013

    Posted 22 May 2013 Link to this post

    Tsvetomir, dummy category trick  works as a charm!
    Thank  you!
Back to Top