Menu
I need to draw 3d pie chart in javascript. It should look like below :-
There are various example present in the Google charts, amcharts and jscharts for 3d pie Graphs but none looks like the below image.
Links :- http://www.amcharts.com/demos/3d-pie-chart/
In PHP I found one solution here http://www.advsofteng.com/doc/cdphpdoc/multidepthpie.htm but I want something interactive with tooltips support.
Please suggest any javascript library for this. I love to use highcharts but it do not support even simple 3d Pie charts.
Thanks,
772
Well, we are right now working on 3D charts, see:
Edit:
It's already released with Highcharts 4.x version, see samples.
144
It's the top most requested feature in Highcharts.
http://highcharts.uservoice.com/forums/55896-general and it looks like we have to wait some time!
Does it support 3D pie chart?
But using Google visualization API you can achieve this very easily.
code
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 11],
['Eat', 2],
['Commute', 2],
['Watch TV', 2],
['Sleep', 7]
]);
var options = {
title: 'My Daily Activities',
is3D: true,
};
var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="piechart_3d" style="width: 900px; height: 500px;"></div>
</body>
</html>
See documentation for more features https://developers.google.com/chart/interactive/docs/gallery/piechart
Hope I helped you :)
22
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
