我想用css加粗json数据,我该怎么做?

时间:2018-05-19 17:34:02

标签: css json d3.js

大家好基于Mbostock的this示例,我想从JSON文件中加粗特定文本

我可以将属性设置为我的JSON,例如:

> {"name":"AI.AI","size":3812,"properties":[{"style":"bold"}],"imports":[]}

看起来属性无法识别,而且我无法控制任何内容。

也许所有这些都没用,我可以直接将样式添加到JSON文件吗?

1 个答案:

答案 0 :(得分:1)

好吧最后我整理了

JSON需要"类型"归因:

{"name":"AI.AI","size":3812,"type":"bold","imports":[]},

然后在JavaScript中我们返回样式属性:

node = node
    .data(root.leaves())
    .enter().append("text")
      .attr("class", "node")
      .attr("dy", "0.31em")
      .attr("transform", function(d) { return "rotate(" + (d.x - 90) + ")translate(" + (d.y + 8) + ",0)" + (d.x < 180 ? "" : "rotate(180)"); })
      .attr("text-anchor", function(d) { return d.x < 180 ? "start" : "end"; })
      .text(function(d) { return d.data.key; })
    .style("font-weight", function(d) {return d.data.type; })
      .on("mouseover", mouseovered)
      .on("mouseout", mouseouted);

希望对那些有同样问题的人有帮助。