HighCharts甘特图兼容ie

最新推荐文章于 2024-08-15 11:02:12 发布

shakspers

最新推荐文章于 2024-08-15 11:02:12 发布

阅读量1.6k

点赞数

分类专栏： highcharts 文章标签： HighCharts甘特图 HighCharts 甘特图兼容ie highcharts兼容ie

本文链接：https://blog.csdn.net/shakspers/article/details/79085743

版权

本文介绍了如何使用HighCharts创建甘特图并在Internet Explorer中实现兼容。关键点包括引用HTML4.01严格文档类型声明以及在处理数据时，将x和x2属性转换为整数，以确保在IE版本中正常运行。

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

HighCharts API文档地址：https://api.hcharts.cn/

官方甘特图Demo地址：https://code.hcharts.cn/jianshukeji/hhhG2T

干货：

前端页面：

兼容ie主要是使用：

1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

2、ie版本中数据在没有引号的情况下使用

seriesData[i].x = parseInt(seriesData[i].x);
seriesData[i].x2 = parseInt(seriesData[i].x2);

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="x-ua-compatible" content="ie=edge">
		<link rel="icon" href="https://static.jianshukeji.com/hcode/images/favicon.ico">
		<style>
			#container {
				min-width: 300px;
				max-width: 800px;
				/*height: 300px;*/
				/*width: 60%;*/
				height: 100%;
				margin: 1em auto;
			}
		</style>
		<script src="https://img.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
		<script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
	&