Pie of pie charts in Highcharts Reactjs - javascript

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

Related

How to create an interactive pie chart with javascript, html, css?

How to create a pie chart widget where the user can change the distribution of the pie chart by dragging the borders of the wedges?
Is there a package with such a widget in react?
Personally i have never seen a pie with draggable border to change the distribution. I have worked with ApexCharts (https://apexcharts.com/react-chart-demos/pie-charts/update-donut/). Each part of the pie is basicaly a number so, you can create for example a slider for each part and dynamicly update the part of the chart.

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

One legend, multiple charts Chart JS

I have two pie charts with different data but same labels and background colors. How can I create a standalone legend (a legend without a chart) using ChartJS so that the legend corresponds to both the pie charts at the same time?
I tried creating a pie chart with the data array set to an array of 0s. However, that causes an empty pie chart to be generated, which takes up a lot of space; so that's a no go.
Any help would be deeply appreciated.

Chart.js multiple doughnut charts above pie chart

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

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