javascript - 如何用流星动态创建图形?
问题描述
我正在开发一个meteor
使用车把的项目(显然),但遇到了问题,我需要动态绘制数据
所以我使用#each
循环进入我的所有事件
<ul class="collection">
{{#each events}}
{{#if currentUser}}
<li class="collection-item">
<div class="row">
<div class="col s4">
{{topic}}
<canvas id="myChart" width = "500"></canvas>
当有超过 1 个图形时,问题就开始了,因为id
画布的每次都需要不同,因此可以在 JS 文件中访问它,如下所示:
var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
type: 'line',
data: {
我是新手,meteor
不handlebars
知道是否有办法给id
每个chart
人提供不同的方式或不同的方式来访问getelementbyid.getcontext
. 希望我很清楚,希望你能帮助我
解决方案
推荐阅读
- go - 如何处理来自正确用户的消息
- python - Python Pandas Dataframe:根据单独的列取下一个较小的值
- r - BIC() 和 regsubsets() 给了我不同的答案
- javascript - JS addEventListener 无法始终如一地工作
- multicast - JGroups:为傻瓜解释 mcast_addr
- python - 截屏前关闭 covid 广告
- authentication - OWASP ZAP -(身份验证)从响应中提取令牌并将其用于下一个请求
- ruby - 创建一个异步方法,该方法在指定的时间后抛出异常,除非在该函数之外满足某个条件
- c# - 将包含名称的文件从源复制到目标c#
- powershell - 如何使用 PowerShell 在文件中查找特定文本?