d3.jsダッシュボードがマウスのホバー上でデータを反転

Question

私はd3.jsウェブサイトhereのダッシュボードの例を使用していました。

マウスのホバーをヒストグラム上に置くと、LowとHighのカウントが反転していることがわかります。つまり、LowのカウントはHighのカウントになります。 。

Thisは、私が直面している問題の原因です。ご覧のように、最初はLowのカウントは12、Highのカウントは0です。しかし、マウスのホバーでは、青のヒストグラム上で、Lowのカウントは12になり、Highのカウントは12になります。

Doあなたはなぜこれが起こっているのかについての洞察を得て、それをどのように修正することができますか？

Answer 1

あなたが間、あなたのデータの構造を変更している：私はfreqDataを変更し、あまりにも密接に見ていないものの

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];}))}; 
    }); 

：

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

ます私が見ることができるものから逆問題を止める。