2016-05-16 17 views
1

私はlineとscatterplotでmultichartを使用しています。線グラフは正常に機能しますが、散布図データはx軸データに対して正しくプロットされません。angularjs nvd3 lineとscatterplotが動作しないmultichart

github以外の実際の例を提供できますか?

$scope.options = { 
       chart: { 
        type: 'multiChart', 
        height: 450, 
        margin: { 
         top: 30, 
         right: 60, 
         bottom: 50, 
         left: 70 
        }, 
        color: d3.scale.category10().range(), 
        //useInteractiveGuideline: true, 
        duration: 500, 
        xAxis: { 
         ticks: 10, 
         tickFormat: function (d) { 
          return d3.format(',10d')(d); 
         } 
        }, 
        yAxis1: { 
         ticks: 10, 
         tickFormat: function (d) { 
          return d3.format('10d')(d); 
         } 
        } 
       } 
      }; 

function generateData() { 

       var data1 = [{ x: 0, y: 25 }, { x: 25, y: 25 }, { x: 25, y: 0 }]; 
       var data2 = [{ x: 0, y: 50 }, { x: 50, y: 50 }, { x: 50, y: 0 }]; 
       var data3 = [{ x: 0, y: 75 }, { x: 75, y: 75 }, { x: 75, y: 0 }]; 
       var data4 = [{ x: 0, y: 100 }, { x: 100, y: 100 }, { x: 100, y: 0 }]; 
       var scatter = [{ x: 10, y: 30, size: Math.random(), shape: 'circle' }, { x: 20, y: 50, size: Math.random(), shape: 'circle' }, { x: 30, y: 80, size: Math.random(), shape: 'circle' }]; 

       var testdata = []; 
       testdata.push({ key: 'Stream1', values: data1 }); 
       testdata.push({ key: 'Stream2', values: data2 }); 
       testdata.push({ key: 'Stream3', values: data3 }); 
       testdata.push({ key: 'Stream4', values: data4 }); 
       testdata.push({ key: 'Stream5', values: scatter }); 

       testdata[0].type = 'line'; 
       testdata[0].yAxis = 1; 
       testdata[1].type = 'line'; 
       testdata[1].yAxis = 1; 
       testdata[2].type = 'line'; 
       testdata[2].yAxis = 1; 
       testdata[3].type = 'line'; 
       testdata[3].yAxis = 1; 
       testdata[4].type = 'scatter'; 
       testdata[4].yAxis = 1; 


       return testdata; 
      } 
+0

どちらのチャートのx値もx値と一致していないと、x軸が常に正しくないことが分かりました。これは本当に面倒です。本当に醜い修正はどちらのデータでもx値が一致するようにして、すべてのx値が両方のシリーズに存在するようにします。 –

答えて

0

私もこの問題が発生し、私の回避策は唯一の開始と終了の時点でダミー散布シリーズを追加することで、シリーズの色は透明である:ここでの選択です。例えば

: ラインシリーズ:1,2,3,4,5 ... 100 スキャッタ1:5、67、83 ダミー散布:1、次いで100

のxドメイン散布図はラインシリーズでスケーリングされます

関連する問題