Javascript 我想使用raphael将mouseover事件添加到我的代码中？ var raphael=新拉斐尔（document.body，500500）； 拉斐尔·塞斯塔特（）； var d3_raphael=d3.raphael（拉斐尔）； var stuff={className:，子项：[ {className:“TVI”，packageName:'aa'，value:2000}， {className:“SIC”，packageName:'aa'，value:1520}， {className:“RTP1”，packageName:'bb'，value:1400}， {className:“SIC”，packageName:'aa'，value:1220}， {className:“RTP1”，packageName:'bb'，value:1100}， {className:“SIC”，packageName:'aa'，value:920}， {className:“RTP1”，packageName:'bb'，value:800}， {className:“SIC”，packageName:'aa'，value:1520}， {className:“RTP1”，packageName:'bb'，value:1400}， {className:“SIC”，packageName:'aa'，value:1220}， {className:“RTP1”，packageName:'bb'，value:1100}， {className:“SIC”，packageName:'aa'，value:920}， {className:“RTP2 manoj”，packageName:'bb'，value:550} ]}; var r=400， 格式=d3。格式（“，d”）， 填充=d3.刻度.类别10（）； var bubble=d3.layout.pack（） .sort（函数（a，b）{返回b.value-a.value；}） .尺寸（[r，r]）； var chart=d3_raphael.选择（“正文”）.追加（“svg:svg”） .attr（“宽度”，r） .attr（“高度”，r） .attr（“类”、“气泡”）； 变量节点=图表。选择全部（“圆圈”） .数据（气泡.节点（填充）） .enter（）.append（“圆”） .attr（“类”、“节点”） .attr（“cx”，函数（d）{return d.x；}） .attr（“cy”，函数（d）{返回d.y；}） .attr（“r”，函数（d）{返回d.r；}） .attr（“fill”，函数（d）{返回fill（d.packageName）；}） .mouseover（函数（）{ 圆圈。追加（“

鼠标悬停”

”； }); 但这给了我一个错误

---

未捕获类型错误：对象[Object Array]没有方法“mouseover”

。我想在上面添加所有鼠标悬停事件

---

如何解决此问题。

在d3中执行此操作的方法是使用

on（）

函数：

var raphael = new Raphael(document.body,500,500);
raphael.setStart();
var d3_raphael = d3.raphael(raphael);
var stuff = {className:"", children:[
{className:"TVI",  packageName:'aa', value:2000},
{className:"SIC",  packageName:'aa', value:1520},
{className:"RTP1", packageName:'bb', value: 1400},
{className:"SIC",  packageName:'aa', value:1220},
{className:"RTP1", packageName:'bb', value: 1100},
{className:"SIC",  packageName:'aa', value:920},
{className:"RTP1", packageName:'bb', value: 800},
{className:"SIC",  packageName:'aa', value:1520},
{className:"RTP1", packageName:'bb', value: 1400},
{className:"SIC",  packageName:'aa', value:1220},
{className:"RTP1", packageName:'bb', value: 1100},
{className:"SIC",  packageName:'aa', value:920},
{className:"RTP2  manoj", packageName:'bb', value: 550}
]};

var r = 400,
format = d3.format(",d"),
fill = d3.scale.category10();

var bubble = d3.layout.pack()
.sort(function(a, b) {return b.value - a.value;})
.size([r, r]);

 var chart = d3_raphael.select("body").append("svg:svg")
.attr("width", r)
.attr("height", r)
.attr("class", "bubble");    
 var node = chart.selectAll("circle")
.data(bubble.nodes(stuff))
.enter().append("circle")
    .attr("class", "node")
    .attr("cx",function(d) { return d.x; })
    .attr("cy",function(d) { return d.y; })
    .attr("r", function(d) { return d.r; })
    .attr("fill", function(d) { return fill(d.packageName); })
    .mouseover(function() { 
    circle.append("<p>MouseOver</p>");
});

.on（“mouseover”，function（）{
d3.选择（此）。追加（“鼠标盖”
”；
});

---

请注意，

标记在SVG中不起作用——但是您可以使用

foreignObject

。请参见示例。

您确定这是拉斐尔吗？在我看来更像d3.js。实际上它是d3，但我正在使它与ie的较低版本兼容。我正在编辑我的帖子，请再次查看。谢谢Lars。。。但我使用的是var raphael=new raphael（document.body，500500）；拉斐尔·塞斯塔特（）；var d3_raphael=d3.raphael（拉斐尔）；所以它不起作用了，它给了我一个未捕获的异常。未捕获的类型错误：Object[Object Array]没有方法“mouseover”，我没有在我发布的代码中调用方法“mouseover”。你试过了吗？我没试过。你想让我试试什么？嗯，这应该行得通。你能提供一个完整的例子吗？

.on("mouseover", function() { 
    d3.select(this).append("<p>MouseOver</p>");
});