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
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
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
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 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.
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!