title: Bind two widgets together in Kendo UI via event
body: <p>I want to bind chart widget to a select event of multiselect widget. If the selection is fired on multiselect, than the chart would utilize the datasource from multiselect (ultimately also filter the data based on the selection) . I got multiselect to work, but I cannot connect the event to update the chart.</p>
  
  <p>My empty chart initialization:</p>
  
  <pre><code>&lt;script&gt;
      $("#chart").kendoChart({
          seriesDefaults: { type: "bar" },
      }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>My multiselect:</p>
  
  <pre><code>&lt;input type="text" id="treePicker" /&gt;
  &lt;p&gt;Pick the type of the tree: &lt;/p&gt;
  
  &lt;script type="text/javascript"&gt;
      var treeDataSource = new kendo.data.DataSource({
          transport: {
              read: {
                  url: "/Forest/ForestData",
                  dataType: "json"
              }
          },
      });
  
      var chart = $("#chart");
  
      $("#treePicker").kendoMultiSelect({
          dataSource: treeDataSource,
          dataTextField: "Type",
          select: function (e) {
              chart.dataSource = this.dataSource;
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>my model/controller</p>
  
  <pre><code>public class Tree
      {
          public string Type { get; set; }
          public int Size { get; set; }
      }
  
  public class ForestController : Controller
      {
          public ActionResult ForestData()
          {
              List&lt;Tree&gt; forest = new List&lt;Tree&gt;();
              forest.Add(new Tree { Type = "Pine", Size = 4 });
              forest.Add(new Tree { Type = "Oak", Size = 10 });
              forest.Add(new Tree { Type = "Apple", Size = 5 });
              return Json(forest, JsonRequestBehavior.AllowGet);
          }
  
      public ActionResult Forest()
      {
          return View();
      }
  </code></pre>