凡例に追加データを追加する

Question

これは、現在のデータに余分なデータを追加することについてこのpostを見たことがあります。この追加データを数値データとともにラベル/凡例に表示する方法はありますか？

Answer 1

違いを実現することなく、同じ方法で他の投稿のコードを使用しようとしていたため、コードが間違っていました。次回は、あなたのコードをもう少しデバッグしようとして、失敗を探すために何らかの努力をしてください。

補助[x.idx]をプロットするときに定義されていないと言います。単にconsole.log（x）を実行すると、xはタイムスタンプ値（整数）なので、配列内の追加データを検索するための正しいインデックスを取得できません。

あなたがdygraphs APIを参照する場合は、x値に対応する行番号を見つけるために使用できる機能getRowForX（XVAL）があります。そこで、値フォーマッタでその関数を使用して、配列内の追加データにアクセスするための正しいインデックスを取得しました。

私はあなたのコードを変更しました。私はあなたが必要とする方法で動作していると思います。下にスニペットjsfiddleがあります。これがあなたに役立つことを願っています。

var auxiliary = [ 
 
\t \t \t 'ID1', 
 
\t \t 'ID2', 
 
     'ID3', 
 
\t \t 'ID4', 
 
     'ID5', 
 
     'ID6' 
 
\t \t ]; 
 

 

 
new Dygraph(
 
document.getElementById("container"), 
 
    [ 
 
     [new Date("2016/2/3"), [1,3,6], [4,4,4]], 
 
     [new Date("2016/3/3"), [1,3,6], [3,3,3]], 
 
     [new Date("2016/4/3"), [1,3,6], [1,1,1]], 
 
     [new Date("2016/5/3"), [1,3,6], [2,2,2]], 
 
     [new Date("2016/6/3"), [1,3,6], [6,6,6]], 
 
     [new Date("2016/7/3"), [1,3,6], [5,5,5]] 
 
    ], 
 
{ 
 
    labels: [ "Date", "SD" , "Scatter"], 
 
    showRangeSelector: true, 
 
    customBars: true, 
 
    drawPoints: true, 
 
    series: { 
 
     "SD" : { 
 

 
     }, 
 
     "Scatter" : { 
 
      customBars: false, 
 
      strokeWidth: 0.0 
 
     } 
 
\t }, 
 
    axes: { 
 
     x: { 
 
\t \t \t valueFormatter: function() { 
 
     index = this.getSelection(); 
 
\t \t \t \t return auxiliary[index]; 
 
\t \t \t } 
 
\t \t }, 
 
\t includeZero: true 
 
\t } 
 

 
} 
 
);

<link href="https://cdnjs.cloudflare.com/ajax/libs/dygraph/2.0.0/dygraph.css" rel="stylesheet"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/dygraph/1.1.1/dygraph-combined-dev.js"></script> 
 
<div id="container" style="width:600px; height:300px;"></div>