javascript - 在 Javascript 中为 D3 图形声明 CSS 样式

标签 javascript css wordpress d3.js

所以我知道如何将 CSS 与我的 D3 强制布局图一起使用,但我正在尝试使用 wp-D3 插件将此图放在 WordPress 上,但它与 CSS 不兼容。我试图在 WordPress 中包含指向 CSS 文件的链接,但这也不起作用。所以我的下一步是尝试在我的 JavaScript 中声明 CSS,但我不确定如何。

      var link = svg.selectAll(".link")
       .data(graph.links)
       .enter().append("line")
       .attr("class", "link")
       .style("stroke-width", function (d) {
       return Math.sqrt(d.value);
   });

svg.selectAll(".link") 指的是我以前有但是拿出来的CSS。如果 CSS 中没有它,则强制布局图上不会出现任何链接。

这是一个链接到一个带有图表的 fiddle :

http://jsfiddle.net/ohiobucks23/jH28Z/

最佳答案

您需要为链接添加描边颜色,例如

.style("stroke", "#000")

关于javascript - 在 Javascript 中为 D3 图形声明 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24440237/

相关文章:

jquery - CSS3 翻转卡,带自动高度

html - 一张图片在 Android、IE7、IE8 中不显示,其他地方都很好

php - 覆盖 wordpress 登录重定向功能

css - Bootstrap 4 间距,为什么按钮没有版本 3 中的垂直空间?

jquery - 将内部跨度拉伸(stretch)到它的外部父 div 空间,但内部跨度应缩放到外部 div 高度宽度

php - 在 WooCommerce 订单上使用优惠券代码时发送电子邮件通知

javascript - 链接的正则表达式

javascript - 简单的 dom 检查器脚本错误地计算了子节点

javascript - meteor 内容不显示

javascript - 将字符串替换为 react 中的标记