2017-06-14 15 views
0

XYチャートを作成すると、yearデータをデータポイントに関連付けて、年をonclickメッセージアラートに渡すことができます。私はすでにグラフのデータを取得しています。添付は、dを使用してグラフデータを取得できる2つの方法を示しています。あるメソッドが他のメソッドより優れている場合は、signify()を使用します。 JSFiddle散布図データを追加OnClickで使用する

コードに年のデータをどこに配置するのか不明ですか? onclickアラートメッセージに送信するクリックされたポイントの年を取得するにはどうすればよいですか?

 data: { 
xs: { 
     'data1': 'x1', 
     'data2': 'x2', 
     'data3': 'x3', 
     'data4': 'x4', 
    }, 
columns: [ 
     ['x1', 10, 30, 45, 50, 70, 100], 
     ['x2', 30, 50, 75, 100, 120], 
     ['data1', 30, 200, 100, 400, 150, 250], 
     ['data2', 20, 180, 240, 100, 190] 
    ], 
    names: { 
     data1: 'Oracle 1', 
     data2: 'HP 2' 
      }, 
    // Not sure where to place this data? 
    // How would I retrieve year for clicked on point to send to onclick Alert message? 
    // [year1,2000, 2001, 2002, 2003, 2004, 2006] 
    // [year2,2000, 2002, 2003, 2004, 2005] 
+0

私はあなたのフィドルで一目を取ったが、なぜあなたはなし(変数にあなたの配列の両方を定義していません内部の文字列)、sthのように: 'var clickYear = d.id == 'data1'? year1Array [d.index]:d.id == 'data2'? year2Array [d.index]:null; ' – Akoya

+0

あなたが何を参照しているのか分かりません(内部の文字列なし)。コードのどこに私があなたの提案を置くべきか、ありがとう。 – user8038235

+0

[fiddle](https://jsfiddle.net/AkoyaP6618/cptauo8c/20/)を見てください。私はちょうどいくつかのコードを再編成し、何が新しいのかコメントを付け加えました。 – Akoya

答えて

1

残念ながら私はコメントに投稿できませんが、データの並べ替えと並べ替えを無効にすることができます。これは、ロードするたびにすべてのデータを正しい順序で提供する必要があることを意味します。これは文書化されていない設定も使用します。

fiddleは、あなたが上記の議論しているものに基づいています。これは、コードへの変更注意:

.... 
data: { 
    xSort: null, 
    xs: { 
.... 
+0

xSortはうまくいった。どのようにして、データセットをステートメントにハードコードすることなく、任意の数のデータシリーズを処理できるように、toolitpテキストの変数のコードを変更できますか? 'var getYear = function(id、index){ return id == 'data1'? yearColumns.year1 [index]:id == 'data2'? yearColumns.year2 [index]:null; } 'このフィドルの1行目、[JSFiddle](https://jsfiddle.net/laguna92651/m6g19avz/5/) – user8038235

+0

[fiddle](https://jsfiddle.net/krsmith88/ojmy55bf/)を確認してください。年と曜日のデータを格納するプロパティの名前をyear1/2とroa1/2からdata1/2に変更し、シリーズ名を使用してデータにアクセスできます。 – krsmith88

+0

ありがとう、最後に、ツールチップのタイトルバーにテキストを追加する方法はありますか?たとえば、30の代わりにAU:30が表示されます。 – user8038235