2011-05-05 38 views
1

我一直在試圖讓Fusion Charts在Android 2.2(模擬器)上工作。但它沒有加載任何東西。我只能看到空白屏幕。FusionCharts在Android?

有沒有人在Android設備/仿真器上運行過Fusion Charts? Fusion圖表可以在Android上運行嗎?

編輯:

我已嘗試在android的默認瀏覽器中加載圖表。在那也它沒有加載。但它運行在Opera和Mozilla Firefox上。任何想法?

附加信息:瀏覽器版本的Webkit 3.1

回答

4

FusionCharts的Flash版本加載罰款上支持Flash的設備(Glaxy Tab鍵等)

對於JavaScript版本閱讀,故事略有不同。我在這裏複製我的筆記一節:


  1. FusionCharts的,以使基於JavaScript圖表的HighCharts的增強版本。

  2. HighCharts使用'SVG'作爲呈現可視化的技術。儘管被視爲HTML5的一部分,但某些移動平臺(如Android)目前尚不支持SVG。

  3. 截至目前,Android支持「canvas」作爲HTML5的繪圖技術。薑餅有望完全支持SVG。

如果你指的HighCharts的歷史,你會看到HighCharts 1.x版本支持的畫布上,但由於2.X他們都轉移到SVG預測的SVG支持對主流移動平臺納入。

我們在FusionCharts中使用HighCharts 2.x作爲渲染FusionCharts的基礎。因此,它們不會在Android上運行。

但是,有一種解決方法,如果您用舊的highcharts.js替換FusionCharts提供的highcharts.js(2.x),您會注意到它在Android平臺上可以正常工作。但是這意味着功能有限,因爲HighCharts的許多增強功能都會丟失。

我希望我已經清楚了我的觀點。如果您需要進一步澄清,我絕對可以爲您提供更多信息。我還可以通過特別檢測基於Android的瀏覽器和選擇性加載較舊的HighCharts JS文件來幫助您實現較早的highcharts.js。

還有一個FusionCharts的小擴展,它優雅地處理舊版HighCharts的替代品,用於不支持SVG或VML但支持畫布的設備。

你可以看到它在行動:http://www.fusioncharts.com/labs/peek/canvasmodulefallback/

從下載的文件:http://www.fusioncharts.com/labs/peek/canvasmodulefallback/sample-canvasmodulefallback.zip

+0

你可以幫助其他示例代碼? – Aditya1510 2011-11-04 10:35:11

+0

這適用於我的HTC Thunderbolt和我的桌面Chrome IE和Firefox – Ross 2011-12-21 17:52:47

1

是的,我能到我的設備上加載的融合圖表我使用的WebKit使用3.1的HTC Desire HD的(2.2)。 有很多與Adobe Flash相關的問題以及Android WebView呈現它的方式。你可以通過鏈接 Flash-WebView

+0

感謝您的回覆。但我正在加載使用Javascript開發的融合圖表。但它沒有加載。任何想法? – Praveen 2011-05-23 13:25:21

+0

@Shamasis:我厭倦了下面的代碼,它可以在設備上運行,而不是在仿真器上運行。 Shamasis的一個問題是在Android手機上渲染融合聊天的Flash版本,哪種方法更好,嵌入它們還是將它們呈現在手機本身上會很好? – NikhilKesari 2011-05-24 05:49:22

+0

@PKC:好吧,試試在一個實際的設備上,而不是模擬器上。它只是不通過模擬器渲染。我曾嘗試在設備上使用Shamasis代碼。 – NikhilKesari 2011-05-24 05:52:24

1

零點時,數據將是移動設備中的崩潰。

var chartObj1 = new FusionCharts({ 
     swfUrl:'Charts/Column2D.swf', 

     renderer: 'javascript', 
     renderAt: 'chartspan', 

     dataSource: { 
      "chart": { 
       "caption" : "Sales Summary", 
       "subcaption": "Summary of Sales" 
      }, 
      "data": [ 
       {"value":"0"}, 
       {"value":"0"}, 
       {"value":"0"}, 
       {"value":"0"} 
      ] 
     }, 
     dataFormat: FusionChartsDataFormats.JSON 
    }).render();