[英]Multiple usage of Javascript function
我在JS腳本中使用了JS中的一些代碼。(基於chartjs)
$licznik=0;
foreach ($all as $key => $row) {
$imiona[$licznik]=$row['imie'];
$nazwiska[$licznik]=$row['nazwisko'];
$tak[$licznik]=$row['tak'];
$nie[$licznik]=$row['nie'];
$licznik++;
}
$wynik.='<div>
<canvas id="'.$team.'">
</canvas>
</div>
<br><hr>';
$wynik.='<script>
var barChartData = {
labels : ["'.wypiszimiona($imiona,$nazwiska,$licznik).'], //radni
datasets : [
{ //głosy na nie
fillColor : "#BA0606",
strokeColor : "#FF0808",
highlightFill: "rgba(220,220,220,0.75)",
highlightStroke: "rgba(220,220,220,1)",
data : ['.wypisznie($nie,$licznik).']
},
{ //głosy na tak
fillColor : "#23BA06",
strokeColor : "#30F70A",
highlightFill : "rgba(151,187,205,0.75)",
highlightStroke : "rgba(151,187,205,1)",
data : ['.wypisztak($tak,$licznik).']
}
]
};
window.onload = function(){
var ctx = document.getElementById("'.$team.'").getContext("2d");
window.myBar = new Chart(ctx).StackedBar(barChartData, {
responsive : true
});
};
</script>';
它只渲染最后一個畫布,另一個不渲染(但是JS代碼正確(在源代碼中)。我不知道出了什么問題。我對JS不好:(
根據您提供的少量信息,我假設您正在使用不同的php變量復制和粘貼該js代碼。 每次執行此操作時,您都會添加代碼來告知客戶端
window.onload = function(){
var ctx = document.getElementById("'.$team.'").getContext("2d");
window.myBar = new Chart(ctx).StackedBar(barChartData, {
responsive : true
});
如果多次執行此操作,則將覆蓋window.onload,並且只會進行最后的重寫,這意味着將僅繪制最后的畫布。
您需要關閉(並打開其中的一些)帶有雙引號的JS字符串。 有幾行缺少它們:
...labels : ["'.wypiszimiona($imiona,$nazwiska,$licznik).'"]...
...data : ["'.wypisznie($nie,$licznik).'"]...
...data : ["'.wypisztak($tak,$licznik).'"]...
我可能想念一些。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.