android - android页面上的两个html

Question

我正在使用谷歌可视化，我想知道是否有办法在同一页面上显示 2 个图表（1 个柱形图和另一个圆环图）。

提前致谢。

法布里西奥

PS：我使用的是安卓工作室

Answer 1

是的，您可以在一页上显示两个图表。以下是一些帮助您入门的基本代码：

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});

HTML 中需要两个 div：

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

如果图表从同一源中提取数据，您可以为两者使用相同的 DataTable，它们不必不同。