Changing Legend Icons on Kendo Chart

[luke]

I have been toying around with a couple solutions I have found online for this but nothing has worked so far. I went through the documentation as-well but it seems that the example given here https://www.telerik.com/kendo-angular-ui/components/charts/api/MarkerType/ is changing the series icons not the legend. Any help would be greatly appreciated. 

[Hetali]

Hi Luke,

We have a dedicated article to customize the shape of the Legend Items. Additionally, we also have a knowledge base article to create custom legends for the Chart. The examples use the visual property of the LegendItemComponent to modify the shape of the Legend marker.

<kendo-chart>
  <kendo-chart-legend position="bottom" orientation="horizontal">
    <kendo-chart-legend-item [visual]="labelsVisual" cursor="pointer">
    </kendo-chart-legend-item>
  </kendo-chart-legend>
</kendo-chart>

public labelsVisual(args: LegendItemVisualArgs): Element {
    return args.createVisual(); // the default shape
  }

Please refer to these examples and let me know if this is what you're looking for or if you have any questions pertaining to changing the legend items.

Regards,
Hetali
Progress Telerik