Question

我正在做一个关于网络开发的学校项目，我们的老师对他应该教的领域没有任何线索，所以我一直在网上冲浪，希望找到答案。

我的问题是，我应该编辑圆形热图的JavaScript代码，以便圆圈的高度突出显示鼠标悬停＆＃39;同时在显示鼠标悬停的片段数据的同时，我找到了一个与我正在做的事情相近的答案：

但遗憾的是，似乎无法充分利用这些信息，因为我对我正在做的事情一无所知......

我测试这一切的代码：

d3.select('#chart4')
.selectAll('svg')
.data([data])
.enter()
.append('svg')
.call(chart)
.selectAll('path')
;

/*   //this should contain some of the information needed for the highlight...
var paths = g.selectAll("path")
.data(data) 
.enter()
.append("path") 
.attr("d",d3.svg.arc()
.innerRadius(ir)
.outerRadius(or)
.startAngle(sa)
.endAngle(ea));
*/

d3.selectAll("#chart4 path").on('mouseover', function() {
var d = d3.select(this).data()[0];
d3.select("#info").text(d.title + ' has value ' + d.value);
    //should find a way to connect this witht the highlight one

});

/*  //this function should make the highlight work, sadly I seem to be missing code
d3.selectAll("#chart4 path").on('mouseover', function() {
paths
.filter(function (d) { return d.pathNumber === thisData.pathNumber; })
.attr('fill', 'black'); });
*/

d3.selectAll("#chart4 svg").on('mouseout', function() {
d3.select("#info").text(''); });

此处还显示：JSFiddle

D3.js，circularHeatChart在鼠标悬停时突出显示响铃

0 个答案: