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