Dashed Legend label as per dashed dataset border

[Joy-300799]

Feature Proposal

I am trying to render the legend label as dashed w.r.t the dashed border line, as says in screenshot (Enterprise Rate Goal & Site Rate Goal). How can we achieve this? I don't see a straightforward way to do this. Any help would be appreciated!

Possible Implementation

No response

[LeeLenaleee]

You can write a custom generatelabels function. In here for the pointstyle you can pass a canvas element. For the first item you can draw a green rect, for the other two you can draw a custom dotted line yourself

https://www.chartjs.org/docs/master/configuration/legend.html#legend-label-configuration

[aquino-luane]

@Joy-300799 I have a working example, please check line 58 of javascript file https://codepen.io/luaneaquino/pen/wvLWmWV