高图(rCharts)onclick工具提示

卡洛斯

我正在尝试重现此jsfiddle,其中仅在单击该点时才会显示工具提示:

http://jsfiddle.net/2swEQ/2/

这是我对rCharts的“翻译”:

a <- rCharts::Highcharts$new()

a$xAxis(categories = c("Jan", "Feb", "Mar", "Apr", "May", "Jun",
                       "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"))

a$tooltip(valueSuffix = " ºC", 
          enabled = F)

a$chart(list(events = list(load = "#! function()
                                    this.myTooltip = new Highcharts.Tooltip(this, this.options.tooltip) !#")))                    

a$plotOptions(events = list(click = "#! function(evt)
                                      this.chart.myTooltip.refresh(evt.point, evt) !#",
                            mouseOut = "#! function() 
                                         this.chart.myTooltip.hide() !#"))

a$series(list(
  list(name = "Tokyo",
       data = c(7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 
                25.2, 26.5, 23.3, 18.3, 13.9, 9.6))))

a

我很确定问题出在rCharts无法理解的JS部分。有任何想法吗?帮助?

谢谢,

卡洛斯

凯珀·玛德杰(Kacper Madej)

您的代码中几乎没有错误:

  1. a$chart(list(events =应该a$chart(events =与中的结构相同a$xAxis(categories =

  2. a$plotOptions(events =需要为,a$plotOptions(series = list(events =或者您可以使用其他系列类型名称代替series,但是series适用于所有系列类型。

  3. 这三个函数必须对每个函数的主体使用{}

工作代码:

a <- rCharts::Highcharts$new()

a$xAxis(categories = c("Jan", "Feb", "Mar", "Apr", "May", "Jun",
                       "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
))

a$tooltip(valueSuffix = " ºC", 
          enabled = F
)

a$chart(events = list(load = "#! function() { 
          this.myTooltip = new Highcharts.Tooltip(this, this.options.tooltip); 
       } !#"
))

a$plotOptions(series = list(events = list(click = "#! function(evt) {
          this.chart.myTooltip.refresh(evt.point, evt);
       } !#",
       mouseOut = "#! function() {
          this.chart.myTooltip.hide();
       } !#"
)))

a$series(list(list(name = "Tokyo",
                   data = c(7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 
                           25.2, 26.5, 23.3, 18.3, 13.9, 9.6)
)))

a

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

*高图*工具提示格式

来自分类Dev

高图-显示工具提示onClick而不是将鼠标悬停

来自分类Dev

高图替换列/工具提示标签

来自分类Dev

高图-某些系列的共享工具提示

来自分类Dev

高图工具提示显示最近的点

来自分类Dev

高图工具提示阴影角

来自分类Dev

高图更改工具提示的外观

来自分类Dev

高图工具提示不起作用

来自分类Dev

高图:显示之前的工具提示延迟

来自分类Dev

高图-工具提示不会永久删除

来自分类Dev

高图-使用点击事件的工具提示并非总是出现

来自分类Dev

高图无法正确显示工具提示标题

来自分类Dev

高图:在工具提示中设置系列名称的格式

来自分类Dev

高图y轴绘图线标签隐藏了工具提示

来自分类Dev

工具提示未显示在高图图表上

来自分类Dev

高图:工具提示中的有效小数

来自分类Dev

高图y轴绘图线标签隐藏了工具提示

来自分类Dev

删除边框和内容高图之间的工具提示空间

来自分类Dev

高图/高库存:如何将工具提示位置移动到数据组的中心

来自分类Dev

高图:仅当系列重叠时才使用共享工具提示

来自分类Dev

高图在工具提示中显示其他自定义数据

来自分类Dev

高图-在点上显示工具提示,而不是鼠标悬停

来自分类Dev

高图:通过footerFormat属性在共享工具提示中显示堆栈总数

来自分类Dev

高图:共享的工具提示格式化程序this.points [i]

来自分类Dev

高图:从导出中删除自定义图例工具提示

来自分类Dev

高图(grouped_category样式)和工具提示格式化程序不起作用

来自分类Dev

区域范围内的高图,如何禁用此工具提示?

来自分类Dev

rCharts NVD3自定义工具提示

来自分类Dev

rCharts NVD3自定义工具提示

Related 相关文章

热门标签

归档