CSV中每个条目的圆圈/图标

时间:2014-12-28 06:29:39

标签: extjs d3.js

基本上我所拥有的是一个csv文件,第一列作为项的名称,第二列作为该项的类型。只有3种类型。

id      type  ....
item1   t1
item2   t2
item3   t1
item4   t3

我希望为每种类型显示一个圆圈或图标。让我们说t1的一个方框(矩形),其中包含item1和item3的圆圈。在t2的另一个框下面,t3也是如此。

此外,我想通过点击'项目来做其他一些操作。圆。

(我完全不喜欢这些东西,搜索找不到任何相关的答案)

1 个答案:

答案 0 :(得分:0)

用于图标

 d3.selectAll("g.node")
 .data(dataCSV)
 .enter()
 .append('g')
 .attr("class", "node")

 .text(function(d) {
     return (d.type === "t1") ? ":)" : (d.type === "t2") ? ";)" : ":(";
 })

如果您需要circle,请将text替换为circle语法。