最新版FusionCharts3D饼图

最新推荐文章于 2024-07-22 16:21:22 发布

翱翔天地

最新推荐文章于 2024-07-22 16:21:22 发布

阅读量4.9k

点赞数

本文链接：https://blog.csdn.net/you23hai45/article/details/51755455

版权

本文详细介绍了如何使用FusionCharts库创建3D饼图，结合jQuery库进行交互操作，提供实现源码，帮助读者理解并应用到自己的项目中。

摘要由CSDN通过智能技术生成

1、实现源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>最新版FusionCharts3D饼图</title>
		<script src="../js/jquery-3.0.0.js"></script>
		<script type="text/javascript" src="../js/FusionCharts/fusioncharts.js" ></script>
		<style>
			body,html{
				width: 99%;
				height: 98%;
				font-family: "微软雅黑";
				font-size: 12px;
			}
		</style>
		<script>
			$(document).ready(function(){
				FusionCharts.ready(function () {
				    var ageGroupChart = new FusionCharts({
				        type: 'pie3d',
				        renderAt: 'pie3D',
				        width: '1350',
				        height: '650',
				        dataFormat: 'json',
				        dataSo