JS繪圖Flot應(yīng)用圖形繪制異常解決方案
今天再次動手用Flot,但是今天用的時候出現(xiàn)一些問題
首次報錯的是
網(wǎng)頁錯誤詳細(xì)信息 用戶代理: 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)過查詢知道,報錯是因為沒有導(dǎo)入
<!--[if lte IE 8]><script language='javascript' type='text/javascript' src='http://www.hdgsjgj.cn/excanvas.min.js'></script><![endif]-->
之前說過,不同瀏覽器繪圖使用的方式是不一樣的,插件也只是根據(jù)不同瀏覽器使用不同繪圖方式而已,就像Hibernate一樣。
然后又報錯
Could not draw pie with labels contained inside canvas
感覺寫對了為什么不對呢,其實這是個讓人糾結(jié)的問題,我看了Demo才知道,繪圖的DIV需要引入一個樣式,如果沒有引入該樣式,因為DVI大小不確定就沒辦法進(jìn)行繪圖!
所以你要增加一個樣式
<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>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. JAMon(Java Application Monitor)備忘記2. SpringBoot+TestNG單元測試的實現(xiàn)3. Java GZip 基于內(nèi)存實現(xiàn)壓縮和解壓的方法4. IntelliJ IDEA設(shè)置默認(rèn)瀏覽器的方法5. Docker容器如何更新打包并上傳到阿里云6. VMware中如何安裝Ubuntu7. Springboot 全局日期格式化處理的實現(xiàn)8. python 浮點數(shù)四舍五入需要注意的地方9. idea配置jdk的操作方法10. 完美解決vue 中多個echarts圖表自適應(yīng)的問題
