2016-09-02 9 views
0

私はxaxisで複数の行を使うのに助けが必要です。私はこの方法を使用する必要があり、このハイストック - jsonの複数のプロットライン値

xAxis: { 
     plotLines: [{ 
      value: Date.UTC(2011,1,1, 12,00,00), 
      width: 1, 
      color: 'green', 
      dashStyle: 'dash', 
     }, 
    { 
      value: Date.UTC(2011,5,1, 12,00,00), 
      width: 1, 
      color: 'green', 
      dashStyle: 'dash', 
     }, 
    { 
      value: Date.UTC(2011,8,1, 12,00,00), 
      width: 1, 
      color: 'green', 
      dashStyle: 'dash', 
     } 
    ] 
    } 

のように使用する場合は、この方法ですべてのデータが表示されない、動作していないAPIから

$scope.hiddenSeries = [ 
[Date.UTC(2016,7,1, 12,00,00)], 
[Date.UTC(2016,6,1, 12,00,00)], 
[Date.UTC(2016,5,1, 12,00,00)], 
[Date.UTC(2016,4,1, 12,00,00)], 
]; 

     $scope.chartConfig1 = { 
      xAxis: { 
       ordinal: false, 
       plotLines: [{ 
      value: $scope.hiddenSeries, 
      width: 1, 
      color: 'green', 
      dashStyle: 'dash' 
     }] 

データを取って、複数の行を追加する方法を知っています。私はそれをGoogleにしようとするが、すべての例は、最初の場合のようです。

+0

を定義し、あなたがこのthaskためAngularJS特定の機能を必要としますか? JavaScriptだけを使用すると、 'hiddenSeries'配列をループし、' plotLines'配列を作成することができます - 各日付のための1つのプロットライン。 –

答えて

0

Thnx @kacper madej これをこの方法で修正します。$ scopeにフルスペックを追加します。 X軸で

$scope.hiddenSeries = [ 
{value: Date.UTC(2016,6,1), width: 1, color: 'green', dashStyle: 'dash'}, 
{value: Date.UTC(2016,7,1), width: 1, color: 'green', dashStyle: 'dash'}, 
{value: Date.UTC(2016,7,7), width: 1, color: 'green', dashStyle: 'dash'} 
]; 

と$ scope.chartConfig1で

plotLines: $scope.hiddenSeries 
関連する問題