エリアチャート上のnvd3オリエンテーション軸

Question

nvd3エリアチャートを作成する際に、上から下に向かって軸の向きを変更する方法がありますが、これは非エリアチャートでうまく動作します。シリーズでは、データポイントが適切に配置されていますが、レンダリングされた領域が同じ方向、つまり、下から上にとどまっているという問題があります。

この問題を解決する方法はありますか？

私はnvd3初期設定では、次のオプションで角度-nvd3を使用しています：

var app = angular.module('plunker', ['nvd3']); 

app.controller('MainCtrl', function($scope) { 

    $scope.options = { 
     chart: { 
      type: 'lineChart', 
      height: 450, 
      margin : { 
       top: 20, 
       right: 20, 
       bottom: 40, 
       left: 55 
      }, 
      yDomain: [100, 0], 
      x: function(d){ return d.x; }, 
      y: function(d){ return d.y; }, 
     } 
    }; 

    $scope.data = [{ 
     "area": true, 
     "values": [ 
      { 
       "x": 1, 
       "y": 50 
      }, 
      { 
       "x": 2, 
       "y": 55 
      }, 
      { 
       "x": 3, 
       "y": 60 
      }, 
      { 
       "x": 4, 
       "y": 70 
      } 
      ] 
    }]; 

}）;

ここに問題を表示するためのplunker。

https://plnkr.co/edit/pXeFbe0w4BK6eGcfyXZ4?p=preview

Answer 1

を役に立てば幸いポジションではありません。 100から0ではなく0に100に例えば

、私はミラー効果を作り、私が欲しかったものを手に入れるCSSのアプローチになってしまった：

.chart { 
    transform: rotate(180deg) scaleX(-1); 
} 

これは、チャートをオンにし、それを作るだろう私が元にしたいと思っていた反対側で作図が行われているので、望みどおりに見てください。

Answer 2

のGithub hereの最新NVD3バージョンによると、それはあなたが軸の向きを変更することができます。

これは、プランNVD3およびANGULAR NVD3を使用して行われ、同様の方法で行う必要があります。しようとx軸を変更するには

：デフォルトのY軸によって

chart.xAxis.orient('top'); // Its 'bottom' by default 

はhere上leftに設定されています。

1. chart.rightAlignYAxis(true) または

2. chart.yAxis.orient('right'); // Its 'left' by default

詳しい情報

軸 hereに、私はこのコードをテストしていません：あなたは、Y軸方向を変更するための2つのオプションを持っています、なぜそれがないだろうか分からないork。

は、それはあなたが（左、右、上、下）好きな場所軸を配置することができますが、軸がプロットされている方法を変更するものではありません、だけ変化している配向方法を使用して