我正在开发一个散点图，以可视化每个产品数量的产品数量趋势。

x: product count
y: product volume

从django视图中，两个数组列表被传递到django模板中的图表javascript中。代码如下：

<script>
  const volume = {{product_volume}} // <--- array list of product_volume
  const count = {{product_count}} // <--- array list of product_count

  const p1ctx = document.getElementById('VolumeChart');
  const P1Chart = new Chart(p1ctx, {     
        data: {
            datasets: [{
              type: 'scatter',
              label: 'Volume',
              data: volume, // <-------------------- Target to assign 'x' and 'y' data
              backgroundColor: 'rgb(255, 99, 132)'
            }],
        },
       .
       .
       .
</script>

然而，对于大量数据（约：15，000），如何使用产品计数和产品数量的数组列表简化JavaScript中的数据标记过程？