search

chartist-js / chartist

Simple responsive charts
https://chartist.dev
MIT License
13.33k stars 2.54k forks source link

How to create pie donut chart #1320

Closed ayoubkhan558 closed 1 year ago

ayoubkhan558 commented 2 years ago

How to create a chart like this and define its colors. image

Arantiryo commented 1 year ago

Hi @ayoubkhan558 👋

Please take a look at this code sandbox with a donut chart example.

ayoubkhan558 commented 1 year ago

Hi @ayoubkhan558

Please take a look at this code sandbox with a donut chart example.

Yes its good. How we can add a text in center?

Arantiryo commented 1 year ago

I don't think there's a built it option for that but you could use an :after pseudo-element to display text over the chart. I've put together a small example to demonstrate: https://codesandbox.io/s/elegant-tesla-cygizr?file=/style.css