Chart.js doughnut and pie chart at same canvas mixed - charts

Can I display together two different types of chart together. I need to have a doughnut chart with about 70%, and another pie chart section over the first (doughnut) chart that will be just a thin line going from center of the circle to the doughnut's edge. I want to make a speed-o-meter this way.

A pie chart is a doughnut chart with cutoutPercentage:0. Try using a doughnut chart, setting cutoutPercentage:0, and adding two datasets.

Related

How to show both simple and extended label both in 3d pie chart using JFreeChart & JasperSoft

I am a bit new to JFreeChart and I had a requirement of showing both simple and extended labels on 3d pie chart using JFreeChart java library & JasperSoft i.e percentage labels on top of the sections of 3d pie chart as simple labels and the key on adjacent sections as an extended label.
I am able to achieve either one of the labels at a time by using the below code snippet.
setSimpleLabels(true) - lable on top of the section
setSimpleLabels(false) - lable on adjacent of the section
How to achieve both the label's designs in one single 3d pie chart as shown below in the image?
Thanks in advance

jfreechart pie chart fixed pie radius

I have dynamic pie set and if there are a lot of series then pie get small.
How to set fixed pie chart radius.
A PiePlot grows to fill the space available, so you'll need to give it room to grow. Some possible approaches:
Override getPreferredSize() and use a suitable layout, as shown here among other suggestions.
Display the legend items in an adjacent component, as shown here, leaving the chart alone to fill it's container.
Reposition the legend within the chart, as shown here for the default RectangleEdge.BOTTOM.

Round y-axis values: Dojo Chart vs Chart.js

I am using Dojo Charts to create some line graphs, and this is how the chart looks,
this id chartData: 0,0,0,0,65,223
And when I create the graph using Chart.js, this is how it is rendered
Ignore the x-axis and other things, If we look at the y-axis, the values are rounded in chart.js, looks much nicer when compared to dojo charts.
Is there an option to achieve the same in dojo charts?
Try adjusting majorTickStep, or optionally also set minorTickMarks to true and adjust minorTickStep as well.
See http://dojotoolkit.org/reference-guide/1.10/dojox/charting.html#enabling-and-disabling-tick-marks and "Axis Stepping" two sections later.

Legend position not working in stacked column charts (Google Charts)

I'm making multiple stacked charts with Google Charts just like what was talking about in this post stacked column chart for two data sets - Google Charts. I'm trying the sample but I can't set the legend position with legend: {position: 'top'}.
Here is the jsfiddle: http://jsfiddle.net/p7o0pjgg/32/
the list of options that don't work in Material charts can be found here...
Tracking Issue for Material Chart Feature Parity #2143
which includes...
legend.position: ['top', 'bottom']

Jqwidget Pie chart labels

How to use the pie chart of jqxChart with custom labels?
This is the main demo:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxchart/index.htm#demos/jqxchart/javascript_chart_pie_series.htm
In the pie I would like to have the description (in the example the Browser name) instead of percentage in the labels. Is it possibile? I found how to set it only for the legend but not in the label inside the pie.
Have you tried to implement the Chart's formatFunction which is used for formatting the Labels?