将D3图插入CMS中的div

我使用Bludit CMS构建简单的网站。我能处理的唯一任务就是在网站中添加一个D3图形。我的图和代码看起来非常像这样：http://bl.ocks.org/mbostock/1093130 将D3图插入CMS中的div

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

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

和编程方式添加图表到这个div。我怎样才能做到这一点？还有一点需要注意的是：我想尝试只使用Javascript而不使用jQuery。我不想将jQuery添加到我的网页中，只是为我的网站添加图形。

来源

2016-11-09 papapple

目前尚不清楚你的问题是什么。你不能添加脚本标签吗？如果你不能，你将无法使用D3。你如何思考“以编程方式添加图形”？ –

我无法将schripts添加到我的cms页面编辑器中。现在，我的ID为“myGraph”的cms代码编辑器中有一个空的div标签。我想在我的JavaScript代码中实现，该图应该插入到此标记中。我怎样才能做到这一点？ – papapple

如果您不能添加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. 
}

来源

2016-11-10 10:08:45

将D3图插入CMS中的div

回答

相关问题