2013-07-08 10 views
4

다음과 같은 문제점이 있습니다. 간단한 선 차트를 생성하기 위해 NVD3에서 rCharts 래퍼를 사용하고 있습니다. 기본 이음쇠 동작을 수정하고 싶습니다. NVD3 라이브러리를 사용하여 다음 코드로이 작업을 수행 할 수있었습니다.rCharts rNVD3 툴팁 사용자 정의

.tooltipContent(function(key,x ,y,e,graph){ 
    var idx = x.replace("s","") 

    var thumbPath = 'snap_' + idx + '.png' 
    return '<h3>' + key + '</h3>' + 
    '<p>' + y + ' at ' + x + '</p>' + 
    '<img src="'+ thumbPath+ '" alt="some_text">' 
    }) 

이렇게하면 x 값의 값에 따라 다른 미리보기 이미지가 표시됩니다. 내 질문은 다음과 같다. rCharts를 위와 같이 구현할 수 있습니까? 아니면 소스를 수정해야합니까?

답변

12

다음은 rCharts for NVD3에서 툴팁을 지정하는 방법에 대한 최소 예입니다. JS 함수를 포함하여 R에서 전달하려는 모든 JS 리터럴은 #!!# 태그 사이에 래핑되어야하므로 R은 JSON으로 변환하는 동안 R을 문자열로 변환하지 않는다는 것을 알고 있어야합니다. 차트의 출력은 여기 http://rcharts.io/viewer/?5948336

require(rCharts) 
n1 <- nPlot(mpg ~ wt, group = 'gear', data = mtcars, type = 'scatterChart') 
n1$chart(tooltipContent = "#! function(key, x, y){ 
    return 'x: ' + x + ' y: ' + y 
} !#") 

일반적으로 볼 수있는 임의의 차트에있어서 chart.x(y) 필요한 경우 태그 장식되는 y와 rCharts에 n1$chart(x = y)로 변환한다.

희망이 도움이됩니다.

+0

빠른 응답을 보내 주셔서 감사합니다. 도서관을 사랑해! – Joe

+0

좋아요! rCharts에 대한 github 페이지에있는 모든 문제도 게시 할 수 있습니다. – Ramnath

+0

앞으로도 그렇게 할 것입니다! – Joe