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

How to fixed vertical axis to right of multi-axis chart when data item more than 10

2 Answers 133 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Yan
Top achievements
Rank 1
Yan asked on 07 Mar 2013, 09:19 AM
Hi
    When using multi-axis chart, if the data item is more than 10,  the vertical axis of the chart should have been fixed  on the right will float to the chart on the page, whether this can be configured

thanks



$("#chart1").kendoChart({
            theme: $(document).data("kendoSkin") || "default",
            title: {
                text: "Hybrid car mileage report"
            },
            legend: {
                position: "top"
            },
            series: [{
                type: "column",
                data: [20, 40, 45, 30, 50,8,6,12,6,8,1],
                stack: true,
                name: "on battery",
                color: "#cc6e38"
            }, {
                type: "column",
                data: [20, 30, 35, 35, 40,8,2,5,9,2,7],
                stack: true,
                name: "on gas",
                color: "#ef955f"
            }, {
                type: "area",
                data: [30, 38, 40, 32, 42,6,7,1,4,9,6],
                name: "mpg",
                color: "#ec5e0a",
                axis: "mpg"
            }, {
                type: "area",
                data: [7.8, 6.2, 5.9, 7.4, 5.6,6,7,8,2,7,7],
                name: "l/100 km",
                color: "#4e4141",
                axis: "l100km"
            }],
            valueAxes: [{
                title: { text: "miles" },
                min: 0,
                max: 100
            }, {
                name: "km",
                title: { text: "km" },
                min: 0,
                max: 161,
                majorUnit: 32
            }, {
                name: "mpg",
                title: { text: "miles per gallon" },
                color: "#ec5e0a"
            }, {
                name: "l100km",
                title: { text: "liters per 100km" },
                color: "#4e4141"
            }],
            categoryAxis: {
                categories: ["a","b","c","d","e","f","h","i","j","k","e"],
                axisCrossingValues: [0, 0, 10, 10]
            }
        });



2 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 07 Mar 2013, 09:58 AM
Hi Yan,

You can move the vertical axes on the right of the chart as specifying the axisCrossingValue. For your convenience I used the provided code and prepared a simple jsBin example which demonstrates the suggested approach in action.
 
Regards,
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Yan
Top achievements
Rank 1
answered on 08 Mar 2013, 01:52 AM
The problem has been resolved´╝îthank you 
Tags
Charts
Asked by
Yan
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Yan
Top achievements
Rank 1
Share this question
or