小编val*_*enz的帖子

这是我的问题:

我有一个div:

<div id="legend"></div>

我想在某些条件下用其他代码填写它:

<p>Showing results....
    Key:
    <img src="/....">&lt;=1
    &nbsp;<img src="/...">&lt;=2
    &nbsp;<img src="/...">&lt;=3
    &nbsp;<img src="/...">&lt;=4
    &nbsp;<img src="/...">&lt;=5

<p>

正如你所看到的,这是一个传说,我认为主要的问题是我有双引号,不能轻易使用例如这里的解决方案: 用文本填充div

谢谢你的帮助!

我有以下复杂的数据结构:

[
Object {id: 15, targets: Array[2]},
Object {id: 26, targets: Array[2]},
Object {id: 39, targets: Array[2]}
]

'targets'是一个对象数组.他们每个人都有这样的形状:

Object {idTarget: "target1", events: Array[315]}
Object {idTarget: "target2", events: Array[310]}

'events'是一个具有绘制实际值的数组.所以,每个元素都有这样的形状:

Object {timestamp: 1373241642, value: 1801.335}

现在,有了这个结构化数据集,我想'g'为每个外部对象创建一个svg组(我指的是15,26和39),并且在每个组内部我想创建两条线,每条线对应一个,使用的值'events'.

拥有一个平面数据集后,很容易按照模式继续绘制:select + data + enter + append,但是我遇到了这个复杂数据集的问题.

例如,我甚至不知道如何分配键功能来启动.

svg.selectAll('.element')
.data(data, function(d){ return d.id + ?})

我想要这种钥匙'15target1', '15target2', '26target1', '26target2'等等.

你是否建议简化数据集,放弃拥有整齐组的可能性,或者这里有一个解决方法可以让我轻松地绘制我想要的内容？

谢谢.