In the angular-chart.js documentation, there is a pie/polar chart example with a colored legend in the very last section. While this seems like the solution I need, I encountered an issue:
My frontend code mirrors the code from the documentation:
<canvas id="base"
class="chart-pie"
chart-type="type"
chart-data="data"
chart-labels="labels"
chart-legend="true">
</canvas>
I have used the same data and labels as well. However, when I render the plot, the legend appears as list bullet points alongside the labels (refer to the enclosed image). This happens consistently with all charts created using this library. Does anyone know why this behavior occurs or, even better, have a solution to fix it?
I am working with Angular/Typescript and have incorporated the DefinitelyTyped file into my project.
https://i.stack.imgur.com/eZXNj.png
EDIT: I prefer not to manually define colors! The chart should generate its own colors automatically. Let's keep it that way.