rCharts rNVD3提示工具自定义

Question

我有以下问题：我正在使用rCharts包装NVD3来生成简单的折线图。 我希望修改默认的工具提示行为。 使用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实现以上内容，或者我必须修改源代码？

- Joe

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将被添加标签。

希望这能帮到您。

- Ramnath

---

感谢您的快速回复，Ramnath。我喜欢这个库！ - Joe

太棒了！你可以在rCharts的github页面上发布任何你遇到的问题。 - Ramnath

我会在未来确保做到这一点！ - Joe

谢谢Ramnath！在https://github.com/ramnathv/rCharts/blob/master/demo/nvd3.R上找不到答案，能否在演示中添加更多示例？ - huangli

@Ramnath：看起来http://rcharts.io/viewer/?5948336上有一些链接失效了。 - Monica Heddneck