How can I create this chart in Liferay angular module?

[Nikhil27-sudo]

Feature Proposal

Hi,
How can I create this chart in Liferay angular module?

Possible Implementation

No response

[LeeLenaleee]

The outer and inner label need to be drawn on the canvas with a custom plugin. inward spiral is easyiest to achieve using a polarArea chart:
https://jsfiddle.net/obu7582p/

[LeeLenaleee]

dont know any, so you might need to write one yourself, for both the inner label and the arrows

[Nikhil27-sudo]

I am new to Liferay and how do I have to proceed with a custom plugin. Can you share some references?

[LeeLenaleee]

No, dont have any experience or knowledge of what liferay is and how it works

[Nikhil27-sudo]

Any References for creating a custom plugin?

[LeeLenaleee]

https://www.chartjs.org/docs/3.7.1/developers/plugins.html
https://www.chartjs.org/docs/3.7.1/samples/plugins/chart-area-border.html
https://www.chartjs.org/docs/3.7.1/samples/plugins/doughnut-empty-state.html
https://www.chartjs.org/docs/3.7.1/samples/plugins/quadrants.html
https://stackoverflow.com/questions/70149407/chart-js-how-to-listen-to-hover-click-events-outside-of-plot-area
https://stackoverflow.com/questions/71615569/how-to-detect-click-on-chart-js-3-7-1-axis-label/71615842#71615842
https://stackoverflow.com/questions/71430025/how-to-display-multiple-y-axis-titles-on-seperate-lines-and-rotated-90-degrees-c/71437221#71437221