Javascript 在django使用d3仪表？

我还从来没有在django中使用javascript或d3，有人能告诉我如何在django的html文件中包含这个量表吗？我已经安装了npm d3简易仪表，但我不知道如何实际使用它

我目前的理解是：我必须放一个包含链接的脚本标签，尽管我不知道为什么

---

我目前不知道：我是否在d3 simple gauge文档中包含使用部分，所有这些都在脚本标记之间

如果您已经包含了所需的d3 includes，请确保您使用的是该代码的正确版本-版本5，然后您会将实际的代码示例放在标记之间。例如：

<script>
const svg = d3.select('body')
  .append('svg')
  .attr('width', 400)
  .attr('height', 250);

const simpleGauge = new window.d3SimpleGauge.SimpleGauge({
  el: svg.append('g'),        // The element that hosts the gauge
  height: 200,                // The height of the gauge   
  interval: [0, 200],         // The interval (min and max values) of the gauge (optional)
  sectionsCount: 2,           // The number of sections in the gauge
  width: 400                  // The width of the gauge
});

setTimeout(() => {
  simpleGauge.percent = 0.7;  // The new percent of the needle to set (70%)

  setTimeout(() => {
    simpleGauge.value = 42;  // The new value of the needle to set inside the interval (21%)
  }, 1500);
}, 1500);
</script>

请记住，这个项目需要使用承诺的d3.JSV5。承诺简化异步代码的结构，特别是在支持异步和等待的现代浏览器中

示例代码将svg附加到主体，但是您可能希望将其附加到div，以便在页面上正确定位

---

如果您对使用有任何疑问，请随时发表评论。

嘿，Jason，谢谢您的指导，我认为您的解决方案可行，但我认为我没有正确加载d3 simple gauge。在终端上显示：未找到：/d3-simple-gauge.js。在代码中，我输入：。我之所以这么说，是因为作者在编写的文档中说：在开始之前，确保在项目中包含d3-simple-gauge.js文件。我可能误解了他的信息吗？src=d3-simple-gauge.js意味着该文件位于提供站点服务的同一目录中。你已经做了吗？你也可以为这个文件使用CDN，但我找不到一个有js文件的CDN。您需要的文件位于此处：如果您下载该文件并将其包含在根html目录中，并检查控制台以确保该文件正在加载，则该文件应该可以工作。