javascript - 在同一个网页上创建多个chart.js？

所以我想出了如何在同一页面上绘制多个图表，但是我想知道是否有比为每个div指定名称更好的方法呢？

代码段

$ sysctl vm.max_map_count=262144

  <body>
<div style="width:1080px;margin:0 auto;">
<div style="width:80%">
  <canvas id="canvas"></canvas>
</div>
<div  style="width:80%">
  <canvas id="canvas2"></canvas>
</div>
</div>

例如，如果我有30张图表需要绘制，我需要指定30 div？（canvas，canvas2，canvas3 ...，canvas30）还是有更好的方法可以通过for循环来做到这一点？

经过大量的挖掘，我使它起作用。这是代码：

      var ctx = document.getElementById("canvas").getContext("2d");
  new Chart.Scatter (ctx, {
    data: build_data_set(1),
    options: set_options(1)
  });

  var ctx2 = document.getElementById("canvas2").getContext("2d");
  new Chart.Scatter(ctx2, {
    data: build_data_set(0),
    options: set_options(0)
  });

在同一个网页上创建多个chart.js？

0 个答案: