jqPlot: Legend at the center of Donut chart - legend

We have implemented Donut chart using jqPlot.
How can we add legend to the center of the Donut chart?
Thanks in advance for your help.

As suggested from jqPlot documentation: jqplot deprecated legend offset
Set the margins on the legend using the marginTop, marginLeft, etc. properties or via CSS margin styling of the .jqplot-table-legend class.

Related

react-native-chart-kit Pie chart any modification or any property

In react-native-chart-kit Pie chart is there any property or modification to set legend like this?? and also click to show tooltip ?.
I had the same problem, and I have set haslegend={false} and shown this data in the view from the array.

How to make the size of pie chart fixed without using canvas (chart.js)

I use Angular to make a website and on the website, there is a pie chart. I need to set the size of a pie chart (chart.js). Since I generate a pie chart dynamically, the number of labels of charts would vary. If the size of canvas is fixed, then when there are less labels, the size of chart becomes large; when there are more labels, the pie chart becomes small. Is there a way to make the size of pie chart fixed no matter how many labels I have? Thank you.
if I understood correctly, you can use maintainAspectRatio: false in options and then set the width and height via css/sass

Reducing Bar Width in Webi Reports

Is there any way to reduce the bar width in a Column Chart?
Please guide me if this is possible.
Thanks
Niki
If you go to "Format" - Chart, then click on the Series tab, you can adjust the Gap width for Bar charts. Technically this adjusts the gap between the bars, but has the effect of adjusting the width of the bars as well.
Hope this works for you

Sencha Touch: Changing line marker colors

Is there any way to change the colors of marker in Sencha Touch charts. How can I change the marker colors in Sencha.
You can change the colors of markers in ThemeList.js in Sencha Charts. Please refer to [this following link for clarification.
http://www.sencha.com/forum/showthread.php?175291-Change-marker-color&p=718093&posted=1

Issue relate to sencha touch bar charts

I am very new to sencha touch. Working with sencha touch to develop bar charts. I am an issue regarding the bar width of the chart. As the number of bars get increased the bar width gets decreased. But the thing is it should not happen like that. The bar width must be fixed even if the bars get increased also. I will apply scroll bar to see the reamining bars plotted on the graph. Scroll bar is not issue. But how do I fix the bar width of the bar chart. Could anyone share the solution for this issue ASAP.
Thank in advance.
http://www.java2s.com/Open-Source/Ja...ies/Bar.js.htm
http://docs.sencha.com/touch-charts/1-0/source/Bar.html
http://docs.sencha.com/touch-charts/...art.series.Bar
To change the width of the bar, add the following to your series definition:
e.g.
series: [{
xField: 'comedy',
displayName: 'Comedy',
style: {color:0x6238A7, size:8}
}]
see if u can get anything from this
bar chart widht is depend on height of your chart's counteiner so you have to set height of counteiner by calculating with number of bar in your chart.
and set calucalted value to counteiner by using setHeight() method