rCharts rNVD3 工具提示自定义

Question

我有以下问题；我在 NVD3 周围使用 rCharts 包装器来生成一个简单的折线图。我希望修改默认的提示信息行为。使用 NVD3 库，我已经能够使用以下代码做到这一点；

.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 实现上述内容，还是必须修改源代码？

Answer 1

这是一个关于如何在 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) 都会在 rCharts 中转换为 n1$chart(x = y)，如果需要， y 会使用标签进行修饰。

希望这可以帮助。