JS繪圖Flot應用圖形繪制異常解決方案
今天再次動手用Flot，但是今天用的時候出現(xiàn)一些問題
首次報錯的是
網(wǎng)頁錯誤詳細信息
用戶代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; QQDownload 721; InfoPath.2)
時間戳: Fri, 8 Jun 2012 04:59:50 UTC
消息: 'window.G_vmlCanvasManager' 為空或不是對象
行: 698
字符: 17
代碼: 0
URI: http://localhost:8080/chart/jquery.flot.js
'window.G_vmlCanvasManager' 是什么東西我不知道，不過經(jīng)過查詢知道，報錯是因為沒有導入
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../excanvas.min.js"></script><![endif]-->
之前說過，不同瀏覽器繪圖使用的方式是不一樣的，插件也只是根據(jù)不同瀏覽器使用不同繪圖方式而已，就像Hibernate一樣。
然后又報錯
Could not draw pie with labels contained inside canvas
感覺寫對了為什么不對呢，其實這是個讓人糾結(jié)的問題，我看了Demo才知道，繪圖的DIV需要引入一個樣式，如果沒有引入該樣式，因為DVI大小不確定就沒辦法進行繪圖！
所以你要增加一個樣式
<style type="text/css">
* {
font-family: sans-serif;
}
body
{
padding: 0 1em 1em 1em;
}
div.graph
{
width: 400px;
height: 300px;
float: left;
border: 1px dashed gainsboro;
}
</style>
然后DIV的
<div id="graph1" class="graph"></div>
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了js自定義input文件上傳樣式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
這篇文章主要介紹了微信小程序模板消息推送的兩種實現(xiàn)方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08
微信小程序?qū)崿F(xiàn)頂部固定 底部分頁滾動效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頂部固定底部分頁滾動效果，本文大概給大家分享三種解決方案，每種方案給大家詳細剖析通過代碼解析哪種方案更適合，感興趣的朋友跟隨小編一起看看吧2022-10-10
這段時間在公司比較的空閑,決定研究研究javascript訪問html控件，這是很普遍的，這里我系統(tǒng)的研究javascript的訪問方式，測試通過并有下面一些研究成就，供大家分享和補充。2008-08-08
arguments對象驗證函數(shù)的參數(shù)是否合法
Javascript函數(shù)中的參數(shù)對象arguments是個對象，而不是數(shù)組。但它可以類似數(shù)組那樣通過數(shù)字下表訪問其中的元素，而且它也有l(wèi)ength屬性標識它的元素的個數(shù)。2015-06-06
使用js實現(xiàn)幾秒以后倒計時跳轉(zhuǎn)，這個在某些特殊情況下還是比較實用的，下面為大家介紹下具體的實現(xiàn)步驟，感興趣的朋友不要錯過2013-12-12
這篇文章主要為大家詳細介紹了微信小程序開發(fā)實現(xiàn)輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要給大家介紹了關(guān)于js陀螺儀的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用js具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-04-04
在IE8中使用Activities感覺就是讓自己使用IE更方便了，懶人就是得懶得底。2010-05-05
本節(jié)主要介紹了js識別不同瀏覽器依據(jù)是userAgent，需要的朋友可以參考下2014-07-07