Basically,this is quite intuitive. To be more specific i want something like this: I came across the same issue here in stack overflow by they use chart js in jquery and since i'm new to javascript i got confused. Chart. if (ac_style.styleSheet) ac_style.styleSheet.cssText = css; As a rule of thumb, the number of categories visualized in a donut chartgraphicshould be limited to a few to keep therepresentation uncluttered and avoid legibility issues. Line Chart. This is how i define my pie chart: IndexLabels describes each slice of doughnut chart. If i set legend display to true, custom text renders higher than center. } Easily get started with JavaScript Doughnut Chart using a few simple lines of HTML and JS code example as demonstrated below. Please refer the previous post on how to . Pie Chart Subplots. Isnt that music to our ears? How to control Windows 10 via Linux terminal? @Hedva thanks for your reply!. Look at how our donut chart looks with the brand colors! The first thing we do is add a function enclosing all the code, which makes sure that the code inside it will only execute once the page is ready. It is always a good idea to make the tooltip clear and value-adding. Legends are displayed by default in bar, line, pie and doughnut charts . Letsdefine a standalone element and position it in the center. We also specify the width and height parameters inside the