FusionCharts使用問題及解決方法(二)

在上文中,咱們介紹了FusionCharts常見問題(FAQ)的解決方法,本文將一同討論FusionCharts使用者面臨的一些複雜問題的解決方法。 javascript

如何啓用JavaScript調試模式? html

要啓用JavaScript調試模式,你將須要寫下面的幾行代碼: java

FusionCharts.debugMode.enabled(true); json

此外,你還須要指定"debugMode" 輸出的位置。若是你還想在瀏覽器的JavaScript控制檯中查看錯誤,你須要寫入一下幾行代碼: 瀏覽器

FusionCharts.debugMode.outputTo( function() { console.log(arguments); } ); 服務器

注意:根據瀏覽器的不一樣,你可能還須要啓用「JavaScript控制檯」。>>>詳情請參閱Debugging your charts > Using JavaScript page。 app

FusionCharts圖表在Windows中渲染正常,可是將同一個文件夾複製到Linux或者Mac server中後,就沒法正常運行了? 操作系統

你須要檢查一下代碼中的文件名寫法是否正確。由於,在 Windows中的文件名不區分大小寫, debug

可是在MAC或者Linux操做系統中, 文件名須要區分大小寫。所以,若是實際文件名是Column3D.swf,在MAC或者Linux的代碼中文件名就不能寫成column3d.swf,不然圖表就沒法渲
染。 3d

我設置FusionCharts圖表百分比高度後,圖表中止渲染

當你設置了圖表的百分比後,它會根據其父容器的寬和高來獲取圖表的寬度和高度。例如,你有一個容器<div id="chartContainer">,DIV容器沒有設置絕度/相對高度的話,DIV的高度將爲「0」。當圖表在一個100%高度的DIV中呈現時,圖表就會嘗試獲取高度爲0的父DIV高度。圖表的高度也就爲0。在下面的示例中,試着給圖表設置一個絕對高度:

<div id="chartContainer" style="width:100%; height:800px;">FusionCharts XT will load here!</div>
<script type="text/javascript">
var chart = new FusionCharts("Column2D.swf", "ChartId", "100%", "100%", "0", "1");
chart.setXMLUrl("Data.xml");
chart.render("chartdiv");
</script>

儘管JSON file文件的路徑是正確的,可是圖表仍然沒法從URL中加載JSON

許多Web服務器,如IIS6默認狀況下不提供JSON文件文件。你須要設置一下Web服務器來獲取JSON文件。以IIS6爲例,具體步驟以下:

一、在IIS Manager中打開服務器屬性,點擊MIME類型,而後點擊 "New"。
二、輸入 "JSON" 和"application/json"並分別將它們做爲擴展名和MIME類型。

基於相同的數據源,爲什麼Flash圖表可以正常運做,而Javascript圖表卻顯示 'Invalid Data'?

請確保圖表的XML中沒有重複的屬性或者多餘的引號(「)。由於,Flash圖表忽略重複的屬性,而JavaScript圖表執行了嚴格的XML驗證。

相關文章
相關標籤/搜索