2013-07-08 79 views
4

我有以下問題;我在NVD3周圍使用rCharts包裝來產生一個簡單的折線圖。我希望修改默認的tootip行爲。使用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中爲NVD3指定工具提示的最簡單示例。您希望從R傳遞的任何JS文字,包括JS函數都需要包裝在#!!#標記之間,以便R知道在轉換爲JSON期間不會將它們轉換爲字符串。圖表的輸出可以在這裏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)轉化爲n1$chart(x = y)在rCharts,與y如果需要的話與標籤被裝飾。

希望這會有所幫助。

+0

感謝Ramnath的快速反應。愛圖書館! – Joe

+0

太棒了!您也可以在rCharts的github頁面上發佈任何問題。 – Ramnath

+0

我將來一定會這樣做! – Joe