d3.js仪表板在鼠标悬停时反转数据

Question

我正在使用d3.js网站上的信息中心示例here。

我稍微修改了它以满足我的需要，然而，当我将鼠标悬停在直方图上时，我看到Low和High计数被反转，也就是说，Low的计数变为High的计数，反之亦然。

This是我面临的问题的一个方面。正如您所看到的，最初，Low的计数为12，High的计数为0.但是在鼠标悬停时，在蓝色直方图上，Low的计数变为0，而High的计数变为12.

您是否了解为何会发生这种情况，以及如何纠正？

Answer 1

您正在更改数据结构：

var freqData=[{"State":"apache-client-utils","freq":{"High":0,"Critical":0,"Low":12,"Medium":0}}];

和

 var tF = ['Low','Medium','High','Critical'].map(function(d){
        return {type:d, freq: d3.sum(fData.map(function(t){ return t.freq[d];}))};
    });

虽然我没有仔细观察，但将freqData更改为：

    var freqData=[{"State":"apache-client-utils","freq":{"Low":12,"Medium":0,"High":0,"Critical":0}}];

将从我能看到的地方停止反转问题。