2017-05-13 5 views
0

私は、Google Chartsのangular2-google-chartモジュールからタイムラインのチャートを取得しようとしています。これは例の1つではなく、この特定のチャートタイプでは、列の型定義が必要です。私が見つけることができるすべてのサンプルはJavaScriptで直接型を設定しています。 TypeScriptで列の種類を指定する方法がわかりません。angular2-google-chart typescriptで列の種類を指定してください

エラーは、 "無効なデータテーブル形式です:列1の型が '文字列'である必要があります。

これは、JavaScriptの例のページです:https://developers.google.com/chart/interactive/docs/gallery/timeline

dataTable.addColumn({ type: 'string', id: 'President' }); 
     dataTable.addColumn({ type: 'date', id: 'Start' }); 
     dataTable.addColumn({ type: 'date', id: 'End' }); 
     dataTable.addRows([ 
      [ 'Washington', new Date(1789, 3, 30), new Date(1797, 2, 4) ], 
      [ 'Adams',  new Date(1797, 2, 4), new Date(1801, 2, 4) ], 
      [ 'Jefferson', new Date(1801, 2, 4), new Date(1809, 2, 4) ]]); 

すべてangular2-Googleのチャートの例は次のようにデータを使用します。私は必要なもの

public candle_ChartData = [ 
     ['Day', 'Low', 'Opening value', 'Closing value', 'High'], 
     ['Mon', 28, 28, 38, 38], 
     ['Tue', 38, 38, 55, 55], 
     ['Wed', 55, 55, 77, 77], 
     ['Thu', 77, 77, 66, 66], 
     ['Fri', 66, 66, 22, 22] 
    ]; 

'Day'がすべきことを指定する方法ですbe 'type: string, id: Day'

これはサポートされていない可能性があるので、私は彼らが供給しているディレクティブを変更する必要があります列入力を追加します。しかし、明らかに、私はむしろその時間を費やすつもりはない。

https://github.com/vimalavinisha/angular2-google-chart/blob/master/directives/angular2-google-chart.directive.ts

答えて

0

だから私はすぐに質問を入力した後の答えを見つけました。それはドキュメントにあります、私はちょうど正しい場所を探していませんでした。

https://developers.google.com/chart/interactive/docs/datatables_dataviews

ここで必要な形式です:

public timeline_ChartData = [ 
    [ {label: 'President', id: 'President', type: 'string'}, 
     {label: 'Start', id: 'Start', type: 'date'}, 
     {label: 'End', id: 'End', type: 'date'} ], 
     [ 'Washington', new Date(1789, 3, 29), new Date(1797, 2, 3) ], 
     [ 'Adams',  new Date(1797, 2, 3), new Date(1801, 2, 3) ], 
     [ 'Jefferson', new Date(1801, 2, 3), new Date(1809, 2, 3) ] 
    ]; 
は、
関連する問題