2011-05-05 3 views
1

필자는 퓨전 차트를 Android 2.2 (에뮬레이터)에서 작동 시키려고했습니다. 하지만 아무것도로드하지 않습니다. 나는 빈 화면 만 볼 수있다.안드로이드에 FusionCharts?

Android 기기/에뮬레이터에서 누구나 퓨전 차트를 실행 한 적이 있습니까? 퓨전 차트를 Android에서 실행할 수 있습니까?

편집 : 안드로이드의 기본 브라우저에서 차트를로드하려고 한

. 그것도로드되지 않습니다. 그러나 Opera와 Mozilla Firefox에서 실행됩니다. 어떤 아이디어?

추가 정보 : 브라우저 버전 3.1

답변

4

FusionCharts는 플래시 버전로드 미세 링크 (Glaxy 탭 등)

을 통해 읽을 수, 이야기는 약간 다릅니다. 여기 내 노트의 섹션을 복사하고 :


  1. FusionCharts는 자바 스크립트를 기반으로 차트를 렌더링하기 위해 HighCharts의 향상된 버전을 사용합니다.

  2. HighCharts는 시각화를 렌더링하는 기술로 'SVG'를 사용합니다. HTML5의 일부로 간주되지만 특정 모바일 플랫폼 (예 : Android)은 아직 SVG를 지원하지 않습니다.

  3. 현재 Android는 HTML5의 그리기 기술인 "캔버스"를 지원합니다. Gingerbread는 SVG를 완벽하게 지원할 것으로 예상됩니다.

당신이 HighCharts의 역사를 참조하면, 당신은 HighCharts 버전 1.x가 캔버스를 지원하지만, 2.X 때문에 그들이 주요 모바일 플랫폼에서 SVG 지원의 포함을 기대 SVG로 이동 한 것을 볼 것입니다.

우리는 FusionCharts에서 HighCharts 2.x를 기본으로 사용하여 FusionCharts를 렌더링합니다. 결과적으로 Android에서는 실행되지 않습니다.

그러나 FusionCharts와 함께 제공되는 highcharts.js (2.x)를 이전 highcharts.js로 바꾸면 해결 방법이 있습니다. 안드로이드 플랫폼에서 잘 작동하는 것을 알 수 있습니다. 그러나 이것은 HighCharts에 대한 많은 개선 사항들이 사라지면 기능이 제한된다는 것을 의미합니다.

필자의 주장에 분명히 희망을 전한다. 추가 설명이 필요한 경우 자세한 정보를 제공 할 수 있습니다. 특히 Android 기반 브라우저를 감지하고 오래된 HighCharts JS 파일을 선택적으로로드하여 이전 highcharts.js를 구현하는 데 도움을 줄 수 있습니다.

또한 SVG 또는 VML을 지원하지 않지만 캔버스를 지원하는 장치에 대한 이전 HighCharts의 대체를 적절히 처리하는 FusionCharts의 작은 확장이 있습니다.데이터가 모바일 장치 충돌 할 때 http://www.fusioncharts.com/labs/peek/canvasmodulefallback/sample-canvasmodulefallback.zip

+0

plse가 다른 샘플 코드로 도움을 줄 수 있습니까 ?? – Aditya1510

+0

이것은 내 HTC Thunderbolt 및 Chrome IE 및 Firefox의 내 바탕 화면에서 작동합니다. – Ross

1

그래, 내가 웹킷 3.1을 사용하여 HTC 디자 이어 HD (2.2)를 사용하고 내 장치에 융합 차트를로드 할 수 있어요 웹킷이다. Adobe Flash 및 Android WebView에서 렌더링하는 방식과 관련된 많은 문제가 있습니다. 당신은 자바 스크립트 버전의 경우 플래시를 지원하는 장치에 Flash-WebView

+0

답장을 보내 주셔서 감사합니다. 하지만 Javascript를 사용하여 개발 한 융합 차트를로드하고있었습니다. 하지만 그것의로드되지 않습니다. 어떤 아이디어? – Praveen

+0

@Shamasis : 아래 코드를 지워 봤지만 장치에서는 작동하지만 에뮬레이터에서는 작동하지 않습니다. Shamasis 한 가지 질문은 안드로이드 폰을 통해 융합 채팅의 플래시 버전을 렌더링하는 것이 더 낫습니다. 휴대 전화 자체에 포함 시키거나 렌더링하는 것이 좋을까요? – NikhilKesari

+0

@PKC : 글쎄, 에뮬레이터보다는 실제 장치에서 사용해보십시오. 에뮬레이터를 통해 렌더링하지 않아도됩니다. Shamasis 코드가 장치에서 작동하는지 확인했습니다. – NikhilKesari

1

제로 :에서 파일을 다운로드 http://www.fusioncharts.com/labs/peek/canvasmodulefallback/

:

당신은 행동에서 볼 수 있습니다.

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(); 
관련 문제