1

私はjsD3エリアグラフィックを持っています。データにはいくつかのメトリックの毎日の値が含まれています。何日も同じ値を持っているため、グラフには値が上下する特定のポイントでピークがあり、日付の水平線は値です同じ。「ピーク」のみを円で強調表示する方法 (データが前日と異なる場合、増加または減少)?

同じデータの円をレンダリングすると、同じ値の日付に対して円が互いに近くに繰り返されます。

たとえば、次のサンプルを考えてみましょう: http://bl.ocks.org/mbostock/3883195ただし、このデータを使用:

date    close
14-May-14   10
15-May-14   10
16-May-14   12
17-May-14   12
18-May-14   10
19-May-14   10
20-May-14   10
21-May-14   10
22-May-14   28
24-May-14   39
25-May-14   39
26-May-14   49
27-May-14   49
28-May-14   59
28-May-14   48
30-May-14   49

これはレンダリングされたチャートです: ここに画像の説明を入力

値の変更のみを強調表示したいので、結果のチャートは次のようになります。 ここに画像の説明を入力

4

1 に答える 1

0

これはかなり遅いと思いますが、最近、同様のことについて調査を行っています。

d3.select('#chart1 svg').selectAll("circle.nv-point")        
   .data(testdata[0].values)                                                                 
.filter(function(d) {return d.y > 20000; })
    .style("fill-opacity",1);

上記は私がこれまで使用してきたもので、値が 20000 より大きいすべてのポイントを強調表示し (もちろん、これはあなたの場合は異なります)、ポイントを表示します。

私はd3が初めてで、あなたと同様の問題に対する答えを見つけようとしています。

于 2014-07-23T18:04:28.670 に答える