Highcharts甘特图

最新推荐文章于 2024-02-06 10:44:34 发布

编程微刊

最新推荐文章于 2024-02-06 10:44:34 发布

阅读量866

点赞数 1

本文链接：https://blog.csdn.net/qq_38822390/article/details/90289805

版权

本文介绍了如何使用Highcharts创建甘特图，并解决在项目需求中x轴显示24小时内时分秒时间格式的问题。通过引入exporting.js和xrange.js模块，提供了在线测试示例和x轴时间格式设置的方法。强调遇到技术问题时，深入研究API是关键，同时给出了数据交互文档的链接。此外，还提及了去除Highcharts版权信息和导出按钮的技巧。

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

根据业务需求，找到了这个很少使用的图形，话不多说，看看该如何使用。首先要引入支持文件：可根据链接下载。
exporting.js：https://img.hcharts.cn/highcharts/modules/exporting.js
xrange.js：https://img.hcharts.cn/highcharts/modules/xrange.js

<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script src="js/exporting.js"></script>
<script src="js/xrange.js"></script>

具体示例代码如下：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>三分钟上手Highcharts简易甘特图</title>
	</head>

	<body>
		<!-- 图表容器 DOM -->
		<div id="container" style="width: 600px;height:400px;"></div>
		<!--