x 축 값을 기준으로 플로트의 툴팁 레이블 설정

Question

flot을 사용하는 선 그래프가 있습니다. 툴팁에 x 축과 y 축 값을 표시하고 싶습니다.

content: "Orders <b>%y</b> for <span>%x</span>", 

을하지만이 첫 번째 점은 "주문 0 100", "주문 1 100"두 번째 및 등등을 보여줍니다

나는 노력하고 있습니다.

는 I 사용할 경우

content: "Orders <b>%y</b> for <span>"+chartData.axis[0][1]+"</span>", 

다음이 정확하게 제 점의 X 축 값을 나타낸다.

하지만이 작동하지 않습니다

content: "Orders <b>%y</b> for <span>"+chartData.axis[%x][1]+"</span>", 

그것은 나를 제공 :

Uncaught SyntaxError: Unexpected token % 

가 어떻게 chartData.axis % 이내의 x의 값을 참조 할 수 있습니다? 여기

Answer 1

당신이 더 나은 것은 content 재산 대신 문자열 형식의 function 콜백을 사용하여 제공 (그리고 나는 당신이 어디로 가고 있는지 그건 추측하고있어 및 question 다음 질문).

tooltip: true, 
    tooltipOpts: { 
     content: function(label, xval, yval, flotItem){ 
      return "Orders <b>"+yval+"</b> for <span>"+chartData.axis[xval][2]+"</span>" 
     }, 
     shifts: { 
     x: -30, 
     y: -50 
     } 
    } 

바이올렛 예제 .