Chart.js multiple doughnut charts above pie chart - javascript

Is it possible to create doughnut chart above pie chart with chart.js jquery.
See, here is the example in image which i want to achieve with pie chart and doughnut chart.

check out: https://github.com/chartjs/Chart.js/issues/797 they are describing your chart. It sounds like it can be done in v2.0. Possible duplicate for this stackoverflow question which also explores what you are trying: Chart.js - Multiple Doughnut Charts on same Canvas

Related

text on Doughnut react-chartjs-2

how i can write on a Doughnut in react-chartjs-2,, all the answers show how to write in the middle of a Doughnut and not on the Doughnut,attaching a picture:
Please review the document I mentioned below. This datalabels plugin will help you labeling chartjs chart. I linked Doughnut chart page.
https://chartjs-plugin-datalabels.netlify.app/samples/charts/doughnut.html

Pie of pie charts in Highcharts Reactjs

I'm trying to create a pie of pie charts like they show in excel. I could not find a pie of pie support in highcharts for reactjs. I can create two pie charts but I can't seem to connect them with lines as shown in the image below. Is there a workaround for this?
click on one slice of pie chart and its move to its more detail like in i share links below
Pie of pie Example
click this for more info

How to get "double donut" chart in google sheet with script

Libre Office has a very applicable type of charts "Donut" with double ring.
I want to get some similar chart in my google sheet
Any ideas how to get it better?
Google Sheets has 3 pie types:
Pie chart
Doughnut chart
3D Pie chart
Go to menu: Insert > Chart > Chart type > Doughnut chart
As you can see there are no double pies currently.
But there is a workaround to get double pie chart.
Workaround
Select your data
Insert a Doughnut chart (Insert > Chart > Chart type > Doughnut chart)
Go to Customise tab in Chart editor
In Chart style > Background colour > select none
Tick on 3D
In Pie chart > select Doughnut hole 75%
Do the same for the inner pie but Doughnut hole with 25%
As you can see, it is doable.
You can adapt it with apps script by using Charts Service, in special Class PieChartBuilder
I strongly recommend you to take a look on :
Fundamentals of Apps Script with Google Sheets #5: Chart and Present Data in Slides
Good luck

How to add text inside scatter plot using Chart.js?

How to render text inside the scatter chart with Chart.Js. The scatter chart (i'm using) has the Zoom/pan plugin, so, i want the text to be anchored to the x/y coordinates of the plot when I'm panning the chart.
Thanks in advance!
Have a look at datalabels plugin. Although you are saying that you have a scatter chart and datalabels does not seem to support this.
Still you could check what you can do with bubble chart, here is a live example.

Jquery Flot Pie Chart Legend Formatting

I am currenly working ith jquery.flot pie charts and i can't find solution to this problem.
I currently have this kind of display for pie chart and it's legend:
What i would like to achieve is to somehow connect the labels with the part of the pie chart that it is linked to. It should look similar to this:
http://demos.telerik.com/aspnet-ajax/htmlchart/examples/charttypes/piechart/defaultcs.aspx
Any help is appreciated!

Categories

Resources