Kendo Chart Value axis will be changed on click event -

-

i have kendo chart multi value axis , kendo tree-view. want show value axis-es according checkbox selection. example check "km" checkbox, chart display km value axis.

is possible?

here chart code:

function createchart() {     $("#chart").kendochart({          legend: {             position: "top"         },         series: [{             type: "column",             data: [20, 40, 45, 30, 50],             stack: true,             name: "on battery",             color: "#003c72"         }, {             type: "column",             data: [20, 30, 35, 35, 40],             stack: true,             name: "on gas",             color: "#0399d4"         }, {             type: "area",             data: [30, 38, 40, 32, 42],             name: "mpg",             color: "#642381",             axis: "mpg"         }, {             type: "area",             data: [7.8, 6.2, 5.9, 7.4, 5.6],             name: "l/100 km",             color: "#e5388a",             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: "#642381"         }, {             name: "l100km",             title: { text: "liters per 100km" },             color: "#e5388a"         }],         categoryaxis: {             categories: ["mon", "tue", "wed", "thu", "fri"],              axiscrossingvalues: [0, 0, 10, 10]         }     }); }  $(document).ready(function() {     settimeout(function() {         createchart();          $("#example").bind("kendo:skinchange", function(e) {             createchart();         });     }, 400); });

my jsbin: http://jsbin.com/eyibar/4/edit

first need assign chart variable in on-change event event of tree view,without tree-view didn't recognize chart , it's value axis , name of valueaxes need check treeview node , push valueaxes. 

$("#treview").on("change", function (e) {                 var chart = $("#chart").data("kendochart");                 var checkedseries = [];                 if ($("#treeview").find(":checked").length !== 0) {                     $("#treeview").find(":checked").each(function () {                         var nodetext = $(this).parent().parent().text();                         $.each(valueaxes, function (index, valueaxes) {                             if (valueaxes.name == nodetext) {                                 checkedseries.push(valueaxes);                                 checkedseries.visible = true;                             }                         });                     });                     createchart(checkedseries);                 }                 else {                     createchart(checkedseries);                 }             });

Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5); ...
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:...
Read more