Mehr Google-Diagramme auf einer einzigen Seite

Question

Ich muss mehr als 1 Diagramm auf einer einzelnen Seite zeigen - diese Diagramme sollten getrennt sein, nicht in einem Block. Ich habe hier einen Rat gefunden, aber ich weiß nicht, was in meinen Codes falsch ist. Alles hat funktioniert, bis ich die Zeile "google.charts.load ('43 ', {packages: [' corechart ']}) geändert habe;" Ich habe versucht, den Funktionsnamen geändert, funktioniert aber immer noch nicht. Es tut mir leid für mein Englisch und ich bin amateur über Codes.

Diagramm 1

<script type="text/javascript" 
 
     src="https://www.gstatic.com/charts/loader.js"></script> 
 
<script type="text/javascript"> 
 
    google.charts.load('43', {packages: ['corechart']}); 
 
    google.charts.setOnLoadCallback(chart2); 
 
function chart2() { 
 
var wrapper = new google.visualization.ChartWrapper(
 
{"containerId":"2C2D","dataTable":{"cols":[{"id":"","label":"","pattern":"","type":"string","p":{}},{"id":"","label":"CZK","pattern":"","type":"number","p":{}},{"id":"","label":"zbývá CZK","pattern":"","type":"number"}],"rows":[{"c":[{"v":"březen","f":null},{"v":1844,"f":null},{"v":143739,"f":null}]}],"p":null},"options":{"isStacked":true,"animation":{"duration":2500,"startup":true},"bar":{"groupWidth": "25%"},"booleanRole":"certainty","hAxis":{"useFormatFromData":true,"viewWindow":{"max":150000,"min":null},"minValue":null,"maxValue":160000,"logScale":false,"gridlines":{"count":"4"}},"vAxes":[{"useFormatFromData":true,"minValue":null,"maxValue":null,"viewWindow":null,"viewWindowMode":null},{"useFormatFromData":true}],"legend":"bottom","series":{"1":{"color":"#b7b7b7"}},"fontName":"Georgia","title":"Náklady CZK"},"state":{},"view":{},"isDefaultVisualization":true,"chartType":"BarChart"} 
 
); 
 
wrapper.draw(); 
 
}; 
 
</script> 
 
<div style='border: 0px darkgray solid;width:500px;'> 
 
<div id='2C2D' style='width:500px; height:200px;'></div> 
 
</div>

Diagramm 2

<script type="text/javascript" 
 
     src="https://www.gstatic.com/charts/loader.js"></script> 
 
<script type="text/javascript"> 
 
    google.charts.load('43', {packages: ['corechart']}); 
 
    google.charts.setOnLoadCallback(drawChart); 
 
function drawChart() { 
 
var wrapper = new google.visualization.ChartWrapper(
 
{"containerId":"visualizationDCA3","dataTable":{"cols":[{"id":"","label":"","pattern":"","type":"string","p":{}},{"id":"","label":"CZK","pattern":"","type":"number","p":{}},{"id":"","label":"zbývá CZK","pattern":"","type":"number"}],"rows":[{"c":[{"v":"březen","f":null},{"v":62036,"f":null},{"v":2213460,"f":null}]}],"p":null},"options":{"isStacked":true,"animation":{"duration":2500,"startup":true},"bar":{"groupWidth": "25%"},"booleanRole":"certainty","hAxis":{"useFormatFromData":true,"viewWindow":{"max":2500000,"min":null},"minValue":null,"maxValue":2500000,"logScale":false},"vAxes":[{"useFormatFromData":true,"minValue":null,"maxValue":null,"viewWindow":null,"viewWindowMode":null},{"useFormatFromData":true}],"legend":"bottom","fontName":"Georgia","title":"Celkový CZK","series":{"1":{"color":"#b7b7b7"}}},"state":{},"view":{},"isDefaultVisualization":true,"chartType":"BarChart"} 
 
); 
 
wrapper.draw(); 
 
}; 
 
</script> 
 
<div style='border: 0px darkgray solid;width:500px;'> 
 
<div id='visualizationDCA3' style='width:500px; height:200px;'></div> 
 
</div>

`

Answer 1

Sie könnten eine init Funktion, dann rufen Sie die anderen Diagramme von dort ...

google.charts.load('43', {packages: ['corechart']}); 
 
google.charts.setOnLoadCallback(init); 
 

 
function init() { 
 
    drawChart(); 
 
    chart2(); 
 
} 
 

 
function drawChart() { 
 
    var wrapper = new google.visualization.ChartWrapper(
 
    {"containerId":"visualizationDCA3","dataTable":{"cols":[{"id":"","label":"","pattern":"","type":"string","p":{}},{"id":"","label":"CZK","pattern":"","type":"number","p":{}},{"id":"","label":"zbývá CZK","pattern":"","type":"number"}],"rows":[{"c":[{"v":"brezen","f":null},{"v":62036,"f":null},{"v":2213460,"f":null}]}],"p":null},"options":{"isStacked":true,"animation":{"duration":2500,"startup":true},"bar":{"groupWidth": "25%"},"booleanRole":"certainty","hAxis":{"useFormatFromData":true,"viewWindow":{"max":2500000,"min":null},"minValue":null,"maxValue":2500000,"logScale":false},"vAxes":[{"useFormatFromData":true,"minValue":null,"maxValue":null,"viewWindow":null,"viewWindowMode":null},{"useFormatFromData":true}],"legend":"bottom","fontName":"Georgia","title":"Celkový CZK","series":{"1":{"color":"#b7b7b7"}}},"state":{},"view":{},"isDefaultVisualization":true,"chartType":"BarChart"} 
 
); 
 
    wrapper.draw(); 
 
}; 
 

 
function chart2() { 
 
    var wrapper = new google.visualization.ChartWrapper(
 
    {"containerId":"2C2D","dataTable":{"cols":[{"id":"","label":"","pattern":"","type":"string","p":{}},{"id":"","label":"CZK","pattern":"","type":"number","p":{}},{"id":"","label":"zbývá CZK","pattern":"","type":"number"}],"rows":[{"c":[{"v":"brezen","f":null},{"v":1844,"f":null},{"v":143739,"f":null}]}],"p":null},"options":{"isStacked":true,"animation":{"duration":2500,"startup":true},"bar":{"groupWidth": "25%"},"booleanRole":"certainty","hAxis":{"useFormatFromData":true,"viewWindow":{"max":150000,"min":null},"minValue":null,"maxValue":160000,"logScale":false,"gridlines":{"count":"4"}},"vAxes":[{"useFormatFromData":true,"minValue":null,"maxValue":null,"viewWindow":null,"viewWindowMode":null},{"useFormatFromData":true}],"legend":"bottom","series":{"1":{"color":"#b7b7b7"}},"fontName":"Georgia","title":"Náklady CZK"},"state":{},"view":{},"isDefaultVisualization":true,"chartType":"BarChart"} 
 
); 
 
    wrapper.draw(); 
 
};

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div style='border: 0px darkgray solid;width:500px;'> 
 
<div id='visualizationDCA3' style='width:500px; height:200px;'></div> 
 

 
<div style='border: 0px darkgray solid;width:500px;'> 
 
<div id='2C2D' style='width:500px; height:200px;'></div>