title: Angular Kendo Chart click event to pass value
body: <p>I have a Kendo donut chart that I need clickable and redirect to www.foo.com/(foovalue) for each value on the donut.
  The telerik website has horrible documentation, any help would be great. </p>
  
  <p>my component html looks like</p>
  
  <pre><code>       &lt;kendo-chart style="height: 500px;"&gt;
            &lt;kendo-chart-title text="Top Product Violations"&gt;&lt;/kendo-chart-title&gt;
            &lt;kendo-chart-series&gt;
              &lt;kendo-chart-series-item
                type="column" [data]="getTopProductViolations.topViolationsByProductsList"
                categoryField="name" field="count"&gt;
                &lt;kendo-chart-series-item-labels
                  color="#fff" background="none"&gt;
                &lt;/kendo-chart-series-item-labels&gt;
              &lt;/kendo-chart-series-item&gt;
            &lt;/kendo-chart-series&gt;
            &lt;kendo-chart-category-axis&gt;
              &lt;kendo-chart-category-axis-item
                [labels]="{ rotation: '-45' }"&gt;
              &lt;/kendo-chart-category-axis-item&gt;
            &lt;/kendo-chart-category-axis&gt;
            &lt;kendo-chart-legend [visible]="false"&gt;&lt;/kendo-chart-legend&gt;
          &lt;/kendo-chart&gt;
  </code></pre>