두 개의 HTML 안드로이드 페이지에

Question

Google 시각화를 사용하고 같은 페이지에 2 개의 차트 (1 개의 세로 막 대형 차트와 다른 하나의 도넛 차트)를 표시하는 방법이 있는지 궁금합니다.

미리 감사드립니다.

파브

PS : 나는 예, 한 페이지에 두 개의 차트를 표시 할 수 있습니다 안드로이드 스튜디오

Answer 1

을 사용하고 있습니다. 당신은 HTML에 두 개의 div가 필요합니다

function drawCharts() { 
    var columnData = new google.visualization.DataTable(); 
    // populate with data 

    var pieData = new google.visualization.DataTable(); 
    // populate with data 

    var columnChart = new google.visualization.ColumnChart(document.querySelector('#column_chart_div')); 
    columnChart.draw(columnData, {/* options */}); 

    var pieChart = new google.visualization.PieChart(document.querySelector('#pie_chart_div')); 
    pieChart.draw(pieData, {/* options */}); 
} 
google.load('visualization', '1', {packages:['corechart'], callback: drawCharts}); 

: 여기에 당신이 시작하는 몇 가지 기본적인 코드의 차트는 동일한 소스에서 데이터를 그리면

<div id="column_chart_div"></div> 
<div id="pie_chart_div"></div> 

, 당신은에 대해 동일한 DataTable을 사용할 수 있습니다 둘 다 다르지 않아도됩니다.