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="../excanvas.min.js"></script><![endif]-->
之前說(shuō)過(guò)，不同瀏覽器繪圖使用的方式是不一樣的，插件也只是根據(jù)不同瀏覽器使用不同繪圖方式而已，就像Hibernate一樣。
然后又報(bào)錯(cuò)
Could not draw pie with labels contained inside canvas
感覺(jué)寫對(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 id="graph1" class="graph"></div>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了js自定義input文件上傳樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
這篇文章主要介紹了微信小程序模板消息推送的兩種實(shí)現(xiàn)方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
微信小程序?qū)崿F(xiàn)頂部固定 底部分頁(yè)滾動(dòng)效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頂部固定底部分頁(yè)滾動(dòng)效果，本文大概給大家分享三種解決方案，每種方案給大家詳細(xì)剖析通過(guò)代碼解析哪種方案更適合，感興趣的朋友跟隨小編一起看看吧2022-10-10
Javascript訪問(wèn)html頁(yè)面的控件的方法詳細(xì)分析
這段時(shí)間在公司比較的空閑,決定研究研究javascript訪問(wèn)html控件，這是很普遍的，這里我系統(tǒng)的研究javascript的訪問(wèn)方式，測(cè)試通過(guò)并有下面一些研究成就，供大家分享和補(bǔ)充。2008-08-08
arguments對(duì)象驗(yàn)證函數(shù)的參數(shù)是否合法
Javascript函數(shù)中的參數(shù)對(duì)象arguments是個(gè)對(duì)象，而不是數(shù)組。但它可以類似數(shù)組那樣通過(guò)數(shù)字下表訪問(wèn)其中的元素，而且它也有l(wèi)ength屬性標(biāo)識(shí)它的元素的個(gè)數(shù)。2015-06-06
使用js實(shí)現(xiàn)幾秒以后倒計(jì)時(shí)跳轉(zhuǎn)，這個(gè)在某些特殊情況下還是比較實(shí)用的，下面為大家介紹下具體的實(shí)現(xiàn)步驟，感興趣的朋友不要錯(cuò)過(guò)2013-12-12
微信小程序開(kāi)發(fā)實(shí)現(xiàn)輪播圖
這篇文章主要為大家詳細(xì)介紹了微信小程序開(kāi)發(fā)實(shí)現(xiàn)輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要給大家介紹了關(guān)于js陀螺儀的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
在IE8中使用Activities感覺(jué)就是讓自己使用IE更方便了，懶人就是得懶得底。2010-05-05
本節(jié)主要介紹了js識(shí)別不同瀏覽器依據(jù)是userAgent，需要的朋友可以參考下2014-07-07