title: Based on selection is it possible to change value axis
body: <p>I have a requirement i.e based on the tree view check box selection the value axis need to update.I am using 4 check boxes with 4 value axis.when ever I check the first item corresponding value axis should be changed .3 other axis should in invisible state.</p>
  
  <p>Here I tried with some of the code and updated .</p>
  
  <p>Code:</p>
  
  <pre><code> &lt;div id="treeview"&gt;&lt;/div&gt;
    &lt;div id="example" class="k-content"&gt;
              &lt;div class="chart-wrapper"&gt;
                  &lt;div id="chart"&gt;&lt;/div&gt;
              &lt;/div&gt;
         &lt;/div&gt; 
  
   var valueAxes = [
         { name: "KM",visible:false,
          title: { text: "KM" ,visible:false}
                                  },
                                { name: "Miles Per Gallon",
                                      title: { text: "Miles Per Gallon" }
                                  },
  
                              {
                                  name: "Miles",
  
                                  title: { text: "Miles " }
                              },
  
                              {
                                  name: "liters per 100km", 
                                  title: { text: "liters per 100km" }
                              }
                          ];
      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" 
  
                              }, {
                                  type: "area",
                                  data: [7.8, 6.2, 5.9, 7.4, 5.6],
                                  name: "l/100 km",
                                  color: "#e5388a" 
  
                              }],
                              valueAxes:valueAxes,                      
                              categoryAxis: {
                                  categories: ["Mon", "Tue", "Wed", "Thu", "Fri"],
  
                                  axisCrossingValues: [0, 0, 10, 10]
                              }
  
                          });
                      }
  
          $(document).ready(function() {    
              createChart();     
              $("#treeview").kendoTreeView({
                checkboxes: {
                 checkChildren: true
                  },
            dataSource: [{
              id: 1,
              text: "Value axis",
              expanded: true,
              items: [{
                  id: 2,
                  text: "KM"  
              },
              {
                  id: 3,
                  text: "Miles Per Gallon" 
              },
                {
                  id: 4,
                  text: "Miles "   
              },
                {
                  id: 5,
                  text: "liters per 100km"  
              }]
          }]
      }).data("kendoTreeView");
      $("#treeview").on("change", function (e) {
          var chart = $("#chart").data("kendoChart");
          var checkedSeries = [];    
          $("#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";
               checkedSeries.title.visible===true;
                  }
              });
          });    
          chart.options.valueAxes = checkedSeries;
          chart.refresh();
      });                     
      });
  </code></pre>
  
  <p>jsbin: <a href="http://jsbin.com/eyibar/26/edit" rel="nofollow">Value axis change</a></p>