Android页面上的两个HTML

Question

我正在使用Google可视化，我想知道是否可以在同一页面上显示2个图表（1个柱形图和另一个甜甜圈图）。

提前致谢。

织物

PS：即时通讯使用Android Studio

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，而不必相同。