I have a stacked bar chart in my angular page, but can't get legend to display. Why?

[Ye]

I tried use the example from the demo page, and enable the legend, but nothing is happening. What did I do wrong?

<kendo-chart>

    <kendo-chart-series>

      <kendo-chart-series-item type="bar" [stack]="true" [data]="[1, 2, 3]">

      </kendo-chart-series-item>

      <kendo-chart-series-item type="bar" [data]="[1, -1, 1]">

      </kendo-chart-series-item>

      <kendo-chart-series-item type="bar" [data]="[1, -1, 1]">

      </kendo-chart-series-item>

    </kendo-chart-series>

    <kendo-chart-legend [visible]="true"></kendo-chart-legend>

  </kendo-chart>

[Yanmario]

Hi Ye,

For the legend to render, please provide a name to the series item or follow our article that covers other configurations:

https://www.telerik.com/kendo-angular-ui/components/charts/elements/legend/

<kendo-chart>
    <kendo-chart-series>
      <kendo-chart-series-item type="bar" name="foo" [stack]="true" [data]="[1, 2, 3]">
      </kendo-chart-series-item>
      <kendo-chart-series-item type="bar" name="bar" [data]="[1, -1, 1]">
      </kendo-chart-series-item>
      <kendo-chart-series-item type="bar" name="buzz" [data]="[1, -1, 1]">
      </kendo-chart-series-item>
    </kendo-chart-series>
    <kendo-chart-legend [visible]="true"></kendo-chart-legend>
  </kendo-chart>

I hope this helps.

Regards,
Yanmario
Progress Telerik