未捕获的 TypeError：d3plus.Pie 不是构造函数答案

【问题标题】：Uncaught TypeError: d3plus.Pie is not a constructor未捕获的 TypeError：d3plus.Pie 不是构造函数
【发布时间】：2020-09-17 01:27:02
【问题描述】：

我想制作一个基于 d3plus 库的饼图。我尝试使用下面的代码（但我有一个问题，d3plus.Pie 不是构造函数）

<html>
    <head>
        <title>D3Plus</title>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3plus/1.9.8/d3plus.full.js"></script>
    </head>
    <body>


        <script>
            var myData = [
              {"Group": "Store", "Sub-Group": "Convenience Store", "Number of Food Stores": 100},
              {"Group": "Store", "Sub-Group": "Grocery Store", "Number of Food Stores": 150},
              {"Group": "Store", "Sub-Group": "Farmer's Market", "Number of Food Stores": 50},
              {"Group": "Store", "Sub-Group": "Supercenters", "Number of Food Stores": 30},
              {"Group": "Restaurant", "Sub-Group": "Fast-Food Restaurant", "Number of Food Stores": 60},
              {"Group": "Restaurant", "Sub-Group": "Full-Service Restaurant", "Number of Food Stores": 120}
            ];

            new d3plus.Pie()
              .config({
                data: myData,
                groupBy: ["Group", "Sub-Group"],
                value: function(d) {
                  return d["Number of Food Stores"];
                }
              })
              .render();
        </script>
    </body>
</html>

【问题讨论】：

我收到错误：d3plus.Pie 不是构造函数。有人可以告诉我我的错误或指出基本的 d3plus 示例并提前致谢

标签： d3.js charts d3plus

【解决方案1】：

您似乎需要一个不同的来源，包括层次结构

https://d3plus.org/js/d3plus-hierarchy.v0.8.full.min.js"

<html>
    <head>
        <title>D3Plus</title>
  
        <script type="text/javascript" src="https://d3plus.org/js/d3plus-hierarchy.v0.8.full.min.js"></script>
    </head>
    <body>


        <script>
            var myData = [
              {"Group": "Store", "Sub-Group": "Convenience Store", "Number of Food Stores": 100},
              {"Group": "Store", "Sub-Group": "Grocery Store", "Number of Food Stores": 150},
              {"Group": "Store", "Sub-Group": "Farmer's Market", "Number of Food Stores": 50},
              {"Group": "Store", "Sub-Group": "Supercenters", "Number of Food Stores": 30},
              {"Group": "Restaurant", "Sub-Group": "Fast-Food Restaurant", "Number of Food Stores": 60},
              {"Group": "Restaurant", "Sub-Group": "Full-Service Restaurant", "Number of Food Stores": 120}
            ];
            new d3plus.Pie()
              .config({
                data: myData,
                groupBy: ["Group", "Sub-Group"],
                value: function(d) {
                  return d["Number of Food Stores"];
                }
              })
              .render();
        </script>
    </body>
</html>

d3plus 模块列表位于 https://github.com/d3plus

【讨论】：

非常感谢亲爱的。它工作正常。但是当我想测试条形图时，上面显示的错误相同。 barChart.html:28 Uncaught TypeError: d3plus.BarChart is not a constructor 如果您对此有任何想法，请帮帮我。我认为在脚本 src 中我有问题，但我不知道再见，我可以用什么替换 src 链接以使用条形图
对于条形图，您可能需要链接原始d3-plus.full.js 查看源代码 from view-source:d3plus.org/examples/d3plus-plot/bar-chart
我尝试将我的 html 文件与下面的脚本链接链接但不起作用，我真的很抱歉！！！
@MohamedCherradi 似乎每个组件都有特定的捆绑包，这里是链接<script src="https://d3plus.org/js/d3plus-plot.v0.8.full.min.js"></script>
看他们的org，每个组件都有不同的模块github.com/d3plus