使用 Javascript 函数创建 SVG 元素 [重复]

【问题标题】：Creating a SVG element with a Javascript function [duplicate]使用 Javascript 函数创建 SVG 元素 [重复]
【发布时间】：2017-01-26 15:41:46
【问题描述】：

我需要学习如何使用 javascript 函数创建 SVG 元素

我的html文件的风格本质上：

     <body>
     <svg></svg>
     <script></script>
     </body>

我的脚本包含一个创建图表的函数，如果假设该函数被称为 create(chartName, chartAxises) 我将如何在我的 svg 元素中创建图表？

在此先感谢您，对于我杂乱无章的想法，我深表歉意。我只需要知道语法，我已经尝试了好几个小时，所以现在我希望有一个不同的视角

【问题讨论】：

【解决方案1】：

您可以做的是使用一些 svg 库来根据数据和属性填充您的图表，而不是重新发明轮子。 https://d3js.org/

【讨论】：

完全同意，d3 是满足您所说要求的强大工具。
你遇到了什么错误？
它不运行，例如，如果我从这个网站获取代码：bl.ocks.org/weiglemc/6185069 我得到一个空白网页:( 我得到两个错误，XMLHttpRequest cannot load and ncaught TypeError: Cannot read property 'forEach' of undefined
似乎数据未定义。 .您的数据必须具有一些值。检查并查看为什么它无法读取数据 data.forEach(function(d) {