This is a migrated thread and some comments may be shown as answers.
jammed axes
2 Answers 6 Views
This is a migrated thread and some comments may be shown as answers.
Olga
Top achievements
Rank 1
Olga asked on 21 May 2013, 07:15 PM
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 Answers, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 22 May 2013, 07:35 AM
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!
0
Olga
Top achievements
Rank 1
answered on 22 May 2013, 04:06 PM
Tsvetomir, dummy category trick  works as a charm!
Thank  you!
Asked by
Olga
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
Olga
Top achievements
Rank 1
Share this question
or