범례에 추가 데이터 추가

Question

현재 데이터에 추가 데이터를 추가하는 것에 대해서는 post을 보았습니다. 숫자 데이터와 함께이 추가 데이터를 레이블/범례에 표시 할 수 있습니까?

Answer 1

차이점을 인식하지 않고 같은 방식으로 다른 게시물의 코드를 사용하려고했기 때문에 코드가 잘못되었습니다. 다음 번에는 코드를 조금 더 디버깅 해보고 오류를 찾기 위해 노력하십시오.

보조 [x.idx]를 그릴 때 정의되지 않았다고합니다. 단순히 console.log (x)를 수행하면 x는 타임 스탬프 값인 정수이므로, 배열에서 추가 데이터를 찾을 수있는 올바른 색인을 얻을 수 없습니다. 는 dygraphs API 보이면

는 함수 getRowForX (경우 xval) 만약 x 값에 대응하는 행 번호를 확인하는 데 사용할 수있다. 따라서 값 형식화 프로그램에서 해당 기능을 사용하여 배열의 추가 데이터에 액세스하기위한 올바른 색인을 얻었습니다.

나는 귀하의 코드를 수정했으며 귀하가 필요로하는 방식으로 작동하고 있다고 생각합니다. 아래에는 스 니펫 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>