JS繪圖Flot應(yīng)用圖形繪制異常解決方案
今天再次動(dòng)手用Flot,但是今天用的時(shí)候出現(xiàn)一些問(wèn)題
首次報(bào)錯(cuò)的是
網(wǎng)頁(yè)錯(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’ 為空或不是對(duì)象 行: 698 字符: 17 代碼: 0 URI: http://localhost:8080/chart/jquery.flot.js
’window.G_vmlCanvasManager’ 是什么東西我不知道,不過(guò)經(jīng)過(guò)查詢知道,報(bào)錯(cuò)是因?yàn)闆](méi)有導(dǎo)入
<!--[if lte IE 8]><script language='javascript' type='text/javascript' src='http://www.lshqa.cn/excanvas.min.js'></script><![endif]-->
之前說(shuō)過(guò),不同瀏覽器繪圖使用的方式是不一樣的,插件也只是根據(jù)不同瀏覽器使用不同繪圖方式而已,就像Hibernate一樣。
然后又報(bào)錯(cuò)
Could not draw pie with labels contained inside canvas
感覺(jué)寫(xiě)對(duì)了為什么不對(duì)呢,其實(shí)這是個(gè)讓人糾結(jié)的問(wèn)題,我看了Demo才知道,繪圖的DIV需要引入一個(gè)樣式,如果沒(méi)有引入該樣式,因?yàn)镈VI大小不確定就沒(méi)辦法進(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 class='graph'></div>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. css代碼優(yōu)化的12個(gè)技巧2. 微信開(kāi)發(fā) 網(wǎng)頁(yè)授權(quán)獲取用戶基本信息3. 爬取今日頭條Ajax請(qǐng)求4. jsp實(shí)現(xiàn)登錄驗(yàn)證的過(guò)濾器5. 詳解瀏覽器的緩存機(jī)制6. jsp EL表達(dá)式詳解7. asp批量添加修改刪除操作示例代碼8. msxml3.dll 錯(cuò)誤 800c0019 系統(tǒng)錯(cuò)誤:-2146697191解決方法9. jsp+servlet簡(jiǎn)單實(shí)現(xiàn)上傳文件功能(保存目錄改進(jìn))10. HTML5 Canvas繪制圖形從入門(mén)到精通
