NVD3.js Pie Chartで現在選択されているシリーズの合計を表示したいとします。NVD3.js Pie Chartで現在選択されているシリーズの合計を表示する方法は?
は、次のデータを考えてみましょう:
[
{ "label": "One", "value": 100 },
{ "label": "Two", "value": 200 },
{ "label": "Three", "value": 300 }
]
私は、すべてのシリーズが選択されている場合、円グラフの真ん中に600の合計値を表示したいと思います。
const getTotal =() => {
return d3.sum(data, (d) => d.value);
};
return (
<div>
<NVD3Chart
title={getTotal()}
type="pieChart"
datum={data}
x="label"
y="value"
donut
donutRatio="0.4"
/>
</div>
);
:例えば、私はシリーズ「ワン」の選択を解除する場合、しかし、私は、合計値が500
私はreact.jsコンポーネントでtitle
属性を使用して初期合計値を表示することができますに更新することを希望します
しかし、グラフの系列のデータ系列を選択または選択解除したときに、合計値を動的に更新する方法が見つかりませんでした。
チャート内の選択したシリーズの合計に一致するようにタイトルを動的に更新する方法はありますか?私のバイオリンに
リンク:http://jsfiddle.net/ghmpo42k/210/
plunkr/js fiddleを投稿できますか?あなたはonChangeハンドラにフックしたいと思うでしょう。 – jeznag
@jeznag my fiddleへのリンク:http://jsfiddle.net/ghmpo42k/210/ – Natalie