将 D3 图形插入 CMS 中的 div

Question

我正在使用 Bludit CMS 构建一个简单的网站。我可以处理的唯一任务是将 D3 图形添加到站点中。我的图表和代码看起来像这样：http://bl.ocks.org/mbostock/1093130

图表显示在我插入图表脚本标签的位置。问题是，我无法在 Bludit CMS 中添加脚本标签，只能添加 HTML。现在，我想在我的 CMS 编辑器中添加一个带有 id 的空 div 标签，例如

<div id="myGraph">
</div>

并以编程方式将图形添加到此 div。我怎样才能做到这一点？进一步注意：我想尝试只使用 Javascript 而不使用 jQuery。我不想将 jQuery 添加到我的页面只是为了向我的网站添加图表。

Answer 1

如果您无法将 JavaScript 添加到页面，您将无法使用 D3。

如果您可以从外部文件加载代码，则使用：

<script src="myfile.js"></script>

如果您只能将它添加到每个页面而不是一个页面，那么请检查您的 ID，然后执行代码。

if( d3.select("#myGraph") ) {
   var svg = d3.select("#myGraph")
         .append( "svg")
         .attr("width", 1000)
         .attr("height", 1000);

   // Do stuff with SVG.
}

将 D3 图形插入 CMS 中的 div

Insert D3 Graph into a div in CMS

html

javascript

content-management-system

d3.js