IE8 不支持 canvas.getContext 的兼容方案：使用 VML 或第三方圖表庫自動降級

核心事實

IE8 完全不支持 HTML5 Canvas，canvas.getContext('2d') 返回 null，任何 Canvas 繪圖代碼均會報錯。

excanvas.js 局限

嘗試用 excanvas.js 模擬 Canvas：

• 將 <canvas> 替換為 VML（Vector Markup Language）元素。
• 但 VML 渲染引擎與 Canvas API 存在巨大差異，複雜路徑、漸変、陰影、文本渲染極易出錯（提問者遇到的「未知運行時錯誤」）。
• 性能極差，大數據集繪圖會卡死 IE8。

推薦方案：成熟圖表庫自動降級

接入建議

1. 引入庫文件（如 echarts.min.js）。
2. 初始化圖表：var chart = echarts.init(document.getElementById('main'));。
3. 庫內部自動檢測瀏覽器，IE8 下使用 VML 渲染器，無需業務代碼區分。

結論

放棄手寫 Canvas 兼容 IE8，**直接使用 ECharts/Highcharts 等成熟庫**，開發效率與穩定性雙贏。