Highcharts是一款純javascript編寫的圖表庫,Highcharts目前支持直線圖、曲線圖、面積圖、曲線面積圖、面積範圍圖、曲線面積範圍圖、柱狀圖、柱狀範圍圖、條形圖、餅圖、散點圖、箱線圖、氣泡圖、誤差線圖、漏斗圖、儀表圖、瀑布圖、雷達圖,共18種類型圖表。
工具/原料
編輯器、瀏覽器
方法/步驟
1、JS資源文件引入,jQuery 是目前使用最廣泛的 JS 框架,無特殊說明,所用的環境及所有例子都是基於 jQuery 的
2、創建div容器,創建一個div,並指定div 的 id,高度和寬度,代碼如下
3、HighCharts程序編寫,如下
4、運行結果,如圖:
5、兼容性,Highcharts可以運行在任何現代瀏覽器,包括移動終端以及IE6
注意事項
瀏覽器兼容性問題,IE7,IE8下面會存在瀏覽器兼容性問題