【前端笔记】highcharts图表之3D饼图的设置

最新推荐文章于 2023-12-05 14:32:37 发布

我还没秃我还能学！

最新推荐文章于 2023-12-05 14:32:37 发布

阅读量3.6k

点赞数

分类专栏：笔记前端文章标签： highcharts js

本文链接：https://blog.csdn.net/weixin_43068329/article/details/100015555

版权

本文介绍了如何在前端使用Highcharts创建3D饼图。首先需要引入highcharts.js和highcharts-3d.js库，然后在HTML中创建一个div作为图表容器。样式配置可以通过内部或外部JS实现，注意JS加载顺序。遇到问题时，可以在外部JS文件中调整样式，确保文件引用正确。

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

首先要在页面引进highcharts图表首先需要引进两个外部js

highcharts.js

highcharts-3d.js(如不需要3D饼图可以不引入这个js文件）

然后用div在页面给饼图创建一个空间

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>3D饼图</title>
		<script type="text/javascript" src="js/highcharts.js"></script>
		<script type="text/javascript" src="js/highcharts-3d.js"></script>
	</head>
	<body>
		<div id="container" style="height: 400px; height: 600px;"></div>
	</body>	
</html>