如何解决即使我多次调用它,画布也不会多次出现
我有这个用于画布的 javascript(这不是全部)
let ctx = document.getElementById('myChart').getContext('2d'); let labels = ['Banking','Finances','Shopping','Recreation','Healthcare','Transportation','Food and Drink']; let colorHex = ['#FB3640','#86A9C5','#286CA1','#77FAC','#1C203D','#798E9C','#2A303D'];
我在一个 html 中调用它(如下所示)
<div class="Stuff">
<div class="Translucent-Box">
<h1 class="Box-Header">Categorical Spending Left</h1>
<canvas id="myChart" height="250" width="250"></canvas>
</div>
<div class="Translucent-Box">
<h1 class="Box-Header">Categorical Spending Center</h1>
<canvas id="myChart" height="250" width="250"></canvas>
</div>
<div class="Translucent-Box">
<h1 class="Box-Header">Categorical Spending Right</h1>
<canvas id="myChart" height="250" width="250"></canvas>
</div>
</div>
但是我的 javascript(图表)只出现一次。这个问题已经让我发疯了几个小时。任何帮助将不胜感激。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。