title: kendo-ui for Angular customizing LegendItemComponent
body: <p>Good morning, everyone. I need to customize my legend-item in donut chart. 
  As I read in documentation I need to define the LegendItemVisualArgs object and initialize the createVisual() method. </p>
  
  <p>Here I'm showing the way I've done it: </p>
  
  <pre><code>export class CustomLegendItemViewModel implements LegendItemVisualArgs {
  options: any;
  pointIndex: any;
  sender: ChartComponent;
  series: any;
  
  createVisual(): Circle {
      const geometry = new GeomCircle([10, 10], 10);
  
      return new Circle(geometry);
  }
  </code></pre>
  
  <p>After That I create this object in my Angular component:</p>
  
  <pre><code>export class ChartItemComponent implements OnInit, OnDestroy {
    visual: CustomLegendItemViewModel = new CustomLegendItemViewModel();
  }
  </code></pre>
  
  <p>And in HTML code I try to bind my custom legend-item view to my object:</p>
  
  <pre><code>&lt;kendo-chart&gt;
              &lt;kendo-chart-series&gt;
                  &lt;kendo-chart-series-item [holeSize]="100"
                          type="donut" [data]="data2" [size]="20"
                          categoryField="kind" field="share"&gt;
                  &lt;/kendo-chart-series-item&gt;
              &lt;/kendo-chart-series&gt;
              &lt;kendo-chart-legend [visible]="true"&gt;
                  &lt;kendo-chart-legend-item [visual]="visual"&gt;&lt;/kendo-chart-legend-item&gt;
              &lt;/kendo-chart-legend&gt;
          &lt;/kendo-chart&gt;
  </code></pre>
  
  <p>And I've faced with error that </p>
  
  <pre><code>Uncaught TypeError: customVisual is not a function
  at LegendItem.renderVisual (legend-item.js:112)
  at LegendLayout.render (legend-layout.js:33)
  at Legend.createItems (legend.js:101)
  at new Legend (legend.js:27)
  at Chart._getModel (chart.js:463)
  at Chart._redraw (chart.js:279)
  at Chart._noTransitionsRedraw (chart.js:1284)
  at Chart._resize (chart.js:134)
  at Chart.resize (chart.js:128)
  at ChartComponent.push../node_modules/@progress/kendo-angular-charts/dist/es/chart.component.js.ChartComponent.resize (chart.component.js:389)
  </code></pre>
  
  <p>Does anyone have any ideas how can I solve it? Or just send some reference to customizing example. </p>
  
  <p>Thanks! </p>