4

NYT の Mike Bostock の最近のヘルスケア チャートに基づいて、並べ替え可能なチャートを作成しようとしています: http://www.nytimes.com/interactive/2013/09/24/us/health-care-premiums.html

ここに画像の説明を入力

私の問題は、チャートの一部の列で、キー全体の単一のスケールではなく、カスタム スケールが必要になることです。各列またはそのセットにカスタムスケールを割り当てる手法があるかどうか疑問に思っていますか?

Mike のテーブルには、キー内のすべての列に対して 1 つのスケールがあります。

    var x = d3.scale.linear()
        .domain([0, 11000])
        .range([0, 320]);
....

  row.transition()
      .delay(function(d, i) { return i * 8; })
    .selectAll(".g-table-bar")
      .each("start", function(d) { this.style.width = x(d) + "px"; });

理想的には、個々の変数/列に基づいて自動変数スケールを割り当てたいと思います。これは可能ですか?d3.min と d3.max は個々の変数にしか使用できないようですが、間違っている可能性があります。

ありがとう。イアン

4

0 に答える 0