Many people often encounter charts running normally on mainstream browsers, and errors in earlier versions of IE (including IE6, IE7, and IE8) (charts cannot be displayed or are not displayed properly) this is not a compatibility issue, but some limitations of the IE browser. We only need to pay attention to some issues to avoid this situation.
Note: 1. Use the appropriate HTML document modeThe HTML document mode refers to the first line of the file <! Doctype>
Use the strict HTML 4 mode in earlier ie versions
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
IE has strict requirements on JavaScript syntax. If the last entry of an array or object contains redundant commas, an error is returned. For example:
$ ('# Iner '). highcharts ({series: [{data: [2, 4, 5, 7, 9]}, {data: [{X: 20, Y: 2323, // The extra comma will cause an error in earlier ie versions}]});3. Disable IE Security Mode
Another common problem that causes highcharts to display abnormally on IE is the security mode of IE, which usually occurs in the browser used as the server (local OK, IE access on the server does not work, for example, on Windows Server 2008). To avoid this problem, Disable IE security mode. The settings are as follows:
IE browser-> Tools-> Internet Options-> Security"
Set the security level to the minimum and remove the enable protection mode check box.
4. Do not use jquery of a later version.The higher version of jquery has poor compatibility with IE. We recommend that you use jquery 1.8.3.
TipsAdd the following code in the HTML head Section to enable IE to use the compatibility mode, so that IE can render the document in the highest mode as much as possible.
Personal Summary1. the JavaScript Object Parsing of IE7 is inferior to that of other browsers, so the icons cannot be displayed.
2.The JSON Data encapsulation format in the background must comply with JSON specifications, including commas (,) and single quotation marks (single quotation marks ).Problem
3. Time to be converted to milliseconds
Notes and personal summary of highcharts in earlier ie versions
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
