如何使用Js?

Tags: 插件, 圖表,

Highcharts是一款純javascript編寫的圖表庫,Highcharts目前支持直線圖、曲線圖、面積圖、曲線面積圖、面積範圍圖、曲線面積範圍圖、柱狀圖、柱狀範圍圖、條形圖、餅圖、散點圖、箱線圖、氣泡圖、誤差線圖、漏斗圖、儀表圖、瀑布圖、雷達圖,共18種類型圖表。

工具/原料

編輯器、瀏覽器

方法/步驟

1、JS資源文件引入,jQuery 是目前使用最廣泛的 JS 框架,無特殊說明,所用的環境及所有例子都是基於 jQuery 的

如何使用Js HighCharts圖表插件?

2、創建div容器,創建一個div,並指定div 的 id,高度和寬度,代碼如下

如何使用Js HighCharts圖表插件?

3、HighCharts程序編寫,如下

如何使用Js HighCharts圖表插件?

4、運行結果,如圖:

如何使用Js HighCharts圖表插件?

5、兼容性,Highcharts可以運行在任何現代瀏覽器,包括移動終端以及IE6

如何使用Js HighCharts圖表插件?

注意事項

瀏覽器兼容性問題,IE7,IE8下面會存在瀏覽器兼容性問題

相關問題答案