3

累積折れ線グラフhttp://nvd3.org/ghpages/cumulativeLine.htmlから始まるカスタム グラフを作成しようとしています。

原点を左上にしてデータを表示したいので、y 範囲を入れ替えました。x 軸が上になり、下に移動する必要があります。

一般的な d3js 変換属性を使用しようとしています

.attr('transform', 'translate(0,' + height+ ')');

ここで提案されているとおりですが、機能していないようです!

このセクションは、cumulativeLineChart モデル (350 行目あたり) に配置しました。

g.select('.nv-x.nv-axis')
   // .attr('transform', 'translate(0,' + y.range()[0] + ')');
      .attr('transform', 'translate(0,' + 300 + ')');   // my testing alteration

d3.transition(g.select('.nv-x.nv-axis'))
      .call(xAxis);

Y 軸も平行移動できません。indexLineとスコープの調整方法に関係があると思いますが、完全にずれている可能性があります。実際、私はインタラクティブな indexLine 機能を完全に取り除きたいと思っています...

NVD3 コードの正しい部分を変更しているのでしょうか?!

どんな助けでも大歓迎です。私は何時間もかけてすべてを機能させようとしました (ときどき nvd3 と d3 の間を行き来します)。ありがとう！

4

0 に答える 0