JS繪圖Flot應(yīng)用圖形繪制異常解決方案
今天再次動手用Flot,但是今天用的時(shí)候出現(xiàn)一些問題
首次報(bào)錯(cuò)的是
網(wǎng)頁錯(cuò)誤詳細(xì)信息
用戶代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; QQDownload 721; InfoPath.2)
時(shí)間戳: 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)過查詢知道,報(bào)錯(cuò)是因?yàn)闆]有導(dǎo)入
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../excanvas.min.js"></script><![endif]-->
之前說過,不同瀏覽器繪圖使用的方式是不一樣的,插件也只是根據(jù)不同瀏覽器使用不同繪圖方式而已,就像Hibernate一樣。
然后又報(bào)錯(cuò)
Could not draw pie with labels contained inside canvas
感覺寫對了為什么不對呢,其實(shí)這是個(gè)讓人糾結(jié)的問題,我看了Demo才知道,繪圖的DIV需要引入一個(gè)樣式,如果沒有引入該樣式,因?yàn)镈VI大小不確定就沒辦法進(jìn)行繪圖!
所以你要增加一個(gè)樣式
<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)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序?qū)崿F(xiàn)頂部固定 底部分頁滾動效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頂部固定底部分頁滾動效果,本文大概給大家分享三種解決方案,每種方案給大家詳細(xì)剖析通過代碼解析哪種方案更適合,感興趣的朋友跟隨小編一起看看吧2022-10-10
Javascript訪問html頁面的控件的方法詳細(xì)分析
這段時(shí)間在公司比較的空閑,決定研究研究javascript訪問html控件,這是很普遍的,這里我系統(tǒng)的研究javascript的訪問方式,測試通過并有下面一些研究成就,供大家分享和補(bǔ)充。2008-08-08
arguments對象驗(yàn)證函數(shù)的參數(shù)是否合法
Javascript函數(shù)中的參數(shù)對象arguments是個(gè)對象,而不是數(shù)組。但它可以類似數(shù)組那樣通過數(shù)字下表訪問其中的元素,而且它也有l(wèi)ength屬性標(biāo)識它的元素的個(gè)數(shù)。2015-06-06

