am using google charts to show pie charts in my angular web application. the issue is the white space around the pie chart. if i edit the chartArea attributes, the whitespace around the chart remains same, but the size of actual pie is reduced. becuase of which the legends are getting word wrapped.
because of this issue, am able to show only two pie charts in one row. i want to show minimum 3 pie charts without wordwrapping the legends. the main issue is with the whitespace around the pie chart. how can i reduce that without reducing the size of pie chart.
in below pic, i have highlighted the whitespace in blue. how to reduce the whitespace so that it just ends after the legend.
Thanks.
Related
I am using a pie chart from fl_chart. Pie chart data comes from Rest API. What I want is that if an item's value is too small and doesn't fit in the pie chart color section, that value doesn't appear on the pie chart. The issue is visible in the picture. The problem seems simple but I couldn't find a solution
I create radar chart with ChartJS.
But when I have long labels than ChartJS scale chart and make it smaller.
The question is – can I make label text with ChartJS radar in a two rows? (usual <br>,/n doesn't work).
Seems like documentation doesn't provide this possibility.
You can use custom tooltips to use HTML elements to display the tooltip instead of canvas elements.
There is an example at https://github.com/nnnick/Chart.js/blob/v1.0.2/samples/pie-customTooltips.html for pie charts that does this.
I have encounter a problem when displaying a pie graph with legend, only 1/3 of my legend items was displayed the rest are not included. For example A-Z the pie graph was able to display the slices but on the legend only A-M.
Is there any alternative for this? I tried also the bar graph but on the legend there is no values or percentage.
I was able to solve this problem by resizing the font to the smallest possible size. Thanks to this link
How can I add trow pie charts in the same chart? If I add two plots then the pie charts are both in the center. I need to have one on the left side and one on the right side.
I need them in one chart because I want to create an SVG image of it.
I'm also looking about that and up to now haven't found the solution.
But we can position the pie-chart by modifying 'g' element of svg with javascript after render.
var a=document.getElementsByTagName('svg')[0];
var b=document.getElementsByTagName('g')[1];
b.setAttribute('transform','translate(-598.25037,-71.249953)'); //put your own
Hope this help.
I have a scenario where in I am using fusion chart which has a multiple line chart in one fusion chart. I want to create a clickable line chart where in clicking on label that particular attribute will be displayed in graph. So basically each line chart in graph is dynamically displayed with click of button for each line chart. I hope you get my requirement. Any help will be really appreciated.
I hope I have understood your requirement correctly.
As far as I know, FusionCharts v3.2 has something similar to what you require.
From the documentation,
Interactive legends in charts that allow for selective showing/hiding of data series (or slicing, in case of pie charts)
You can see a demo of this at FusionCharts gallery