javascript - D3js 与基于数据的元素

标签 javascript d3.js

我正在绘制一个图表,其中元素可能有所不同,例如:

[
{id: 1, type: "type1", name: "Some name" },
{id: 2, type: "type2", name: "Some name" },
{id: 3, type: "type2", name: "Some name" },
{id: 4, type: "type1", name: "Some name" }
]

现在,如果元素的 type=type1 我想添加它

<g>
<rect width="10" height="10" fill="blue" />
<text x="0" y="0" fill="red">Some name</text>
</g>

如果类型=类型2

<g>
<rect width="10" height="10" stroke="blue" />
<rect x="15" y="15" width="10" height="10" stroke="blue" />
<text x="0" y="0" fill="red">Some name</text>
</g>

我如何使用 D3js 来做到这一点?

最佳答案

我同意拉尔斯的观点...但是...如果您真正寻找的是一个很酷的大纲工具,那就别再看了...我为您提供 Kitchen Sink Outliner ...拥有自己的厨房水槽秤系统;-)

d1 = 30;
d2 = d1 + 5;

注意:...工作太辛苦...需要一些轻松...

关于javascript - D3js 与基于数据的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22182090/

相关文章:

javascript - D3 : remap mousewheel to be panning gesture instead of zoom gesture

javascript - Angular ng-file-upload 删除

javascript - 在 TypeScript 中,如何将属性添加到接口(interface)中的对象类型?

javascript - 如何将 jQuery 对象转换为 HTML

javascript - 立体图的插值

javascript - D3 根据两个不同的数据集更改元素?

javascript - 在简单的可重用 D3 图表中更新数据

javascript - 如何使包含内容的 html 文件在简单的 ajax 站点中使用以在 google 中表现良好?

php - Wami-Recorder 第一次没有拾取音频

javascript - c3js折线图所有未选择的数据如何显示刻度值