我有一張可以打開和關閉的桌子。它從一個按鈕切換，沒問題。
document.getElementById("toggleVisibilityButton").addEventListener("click", function(button) {
if (document.getElementById("displaytable").style.display === "none")
document.getElementById("displaytable").style.display = "block";
else document.getElementById("displaytable").style.display = "none";
});
我的html
<input id="toggleVisibilityButton" type="button" value="Button1"/>
<table id="displaytable" style="display:none" width="100%" cellpadding="1" cellspacing="0" border="3">
<tr align="center">
<td class="lbl">column1</td>
<td class="lbl">column2</td>
<td class="lbl">column3</td>
</tr>
<tr>
<td align="center">1</td>
<td align="center">2</td>
<td align="center">33</td>
</tr>
<tr>
<td align="center">4</td>
<td align="center">5</td>
<td align="center">6</td>
</tr>
</table>
我想要做的是使用 chartsjs，以便當單擊餅圖的一部分時，會打開一個單獨的表格。我可以使用 chartsJS 的 OnClick 命令呼叫 JS 函式。
onClick: (evt, activeEls) => {
alert(activeEls[0]._chart.data.labels[activeEls[0]._index]);
},
但是當我嘗試將在函式中打開表格的 JS 包裝起來并將其放入此 OnClick 命令中時，單擊圖表時表格不會打開。我如何設定它以便當圖表段被點擊時表格將打開。理想情況下，我希望用按下的餅圖部分的資料填充表格，但該 ID 喜歡嘗試使用 OnClick 命令首先打開表格。
所以我正在嘗試的完整設定是：
function show() {
document.getElementById("toggleVisibilityButton").addEventListener("click", function(button) {
if (document.getElementById("displaytable").style.display === "none")
document.getElementById("displaytable").style.display = "block";
else document.getElementById("displaytable").style.display = "none";
});
}
然后在我的圖表中：
onClick: (evt, activeEls) => {
show();
alert(activeEls[0]._chart.data.labels[activeEls[0]._index]);
},
uj5u.com熱心網友回復：
您正在將 onclick 偵聽器重新分配給show方法中的按鈕。您只需要執行其中的代碼，因此您的 show 方法應該是這樣的：
if (document.getElementById("displaytable").style.display === "none") {
document.getElementById("displaytable").style.display = "block";
} else {
document.getElementById("displaytable").style.display = "none";
}
并且您需要定位正確的表格，因為您想要定位不同的表格。但是現在，由于您獲得相同的 ID，它將打開和關閉您還可以使用按鈕打開/關閉的表
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/355930.html
標籤：javascript 图表.js
上一篇：計算二維陣列中第一項的平均值