Просмотр исходного кода

demo htmlwidgets::JS() with tooltipOptions

master
Garrick Aden-Buie 6 лет назад
Родитель
Сommit
8d442e3c84
3 измененных файлов: 31 добавлений и 6 удалений
  1. +19
    -0
      dev/dev.Rmd
  2. +5
    -1
      dev/widget_demo.Rmd
  3. +7
    -5
      dev/widget_demo.html

+ 19
- 0
dev/dev.Rmd Просмотреть файл

@@ -435,4 +435,23 @@ The final step is to move the Javascript we wrote before into the js binding.
* it works!
* Try adding other options

### Writing JavaScript in R

The [tooltips](https://frappe.io/charts/docs/basic/annotations#tooltips)
can be formatted using the `tooltipOptions` property:

```
tooltipOptions: {
formatTooltipX: d => (d + '').toUpperCase(),
formatTooltipY: d => d + ' pts',
}
```

To write this in R (add to `widget_demo.R`)

```r
tooltipOptions = list(
formatTooltipX = htmlwidgets::JS("d => 'Year: ' + d"),
formatTooltipY = htmlwidgets::JS("d => d + ' babies'")
)
```

+ 5
- 1
dev/widget_demo.Rmd Просмотреть файл

@@ -25,6 +25,10 @@ frappeCharts::frappeChart(
lineOptions = list(regionFill = TRUE),
axisOptions = list(xIsSeries = TRUE),
colors = c("#466683", "#44bc96"),
width = "100%"
width = "100%",
tooltipOptions = list(
formatTooltipX = htmlwidgets::JS("d => 'Year: ' + d"),
formatTooltipY = htmlwidgets::JS("d => d + ' babies'")
)
)
```

+ 7
- 5
dev/widget_demo.html
Разница между файлами не показана из-за своего большого размера
Просмотреть файл


Загрузка…
Отмена
Сохранить