In the new release of 7.6.0, Anychart already supports 3D pie and circle charts, this article mainly describes how to use JavaScript to create 3D pie and doughnut charts, Anychart provides the Anychart.pie3d () function for creating pie charts, You can see the following code specifically:
Anychart Trial Version: http://www.componentcn.com/kongjianchanpin/tubiao/jibentubiaokongjian/2014-09-15/161.html
The detailed code is as follows
<script src= "//cdn.anychart.com/js/7.6.0/anychart-bundle.min.js" ></script>
<style>
HTML, body, #container {
width:100%;
height:100%;
margin:0;
padding:0;
}
</style>
<body>
<div id= "Container" >
</div>
<script type= "Text/javascript" >
Anychart.ondocumentready (function () {
Create pie chart with passed data
Chart = Anychart.pie3d ([
[' Department Stores ', 6371664],
[' Discount Stores ', 7216301],
[' men\ ' s/women\ ' s Stores ', 1486621],
[' Juvenile specialty Stores ', 786622],
[' All other outlets ', 900000]
]);
Set container ID for the chart
Chart.container (' container ');
Set Chart title text settings
Chart.title (' ACME Corp apparel sales through different retail channels ');
Set legend title text settings
Chart.legend (TRUE);
Chart.legend (). Title (' Retail channels ');
Set legend position and items layout
Chart.legend (). Position (' bottom ');
Chart.legend (). Itemslayout (' horizontal ');
Chart.legend (). Align (' center ');
Initiate chart drawing
Chart.draw ();
});
</script>
</body>
More questions can be contacted directly: QQ593638308
Anychart How to quickly create a 3D pie and Circle Chart (with code)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
