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="../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 id="graph1" class="graph"></div>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JavaScript Array對象基本方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
JavaScript 是弱類型, 變量可存儲任意類型, 并且運行期間類型可變2011-05-05
本文主要介紹了Bootstrap?按鈕下拉菜單的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
本文主要分享了canvas實現(xiàn)雪花效果的核心代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
javascript制作loading動畫效果 loading效果
項目中多處要給ajax提交的時候增加等待動畫效果，所以就寫了一個簡單的通用js方法,大家參考使用吧2014-01-01
編寫高質(zhì)量JavaScript代碼的基本要點分享給大家，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了詳解ES6語法之可迭代協(xié)議和迭代器協(xié)議,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
文章匯總了4種js獲取字符串最后一位字符的方法，并附上示例說明，非常簡單實用，這里推薦給大家2014-11-11
JS+HTML5實現(xiàn)的前端購物車功能插件實例【附demo源碼下載】
這篇文章主要介紹了JS+HTML5實現(xiàn)的前端購物車功能插件,結(jié)合完整實例形式分析了JS結(jié)合HTML5的storage特性存儲數(shù)據(jù)實現(xiàn)購物車功能的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了小程序錄音功能實現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03