metricsgraphics (version 0.9.0)

mjs_add_css_rule: Add a CSS rule to the rendered htmlwidget

Description

This function will add a CSS rule to a widget-created DOM stylesheet. rule should be a valid CSS rule as you would enter in a block. No checking is done to ensure validity.

Usage

mjs_add_css_rule(mjs, rule, warn = TRUE)

Arguments

mjs

metricsgraphics plot object

rule

character vector of CSS rule(s) to add to the widget DOM

warn

show warnings for global CSS rules? (default: TRUE)

Value

metricsgraphics plot object

Details

Use {{ID}} (followed by a space) to target the CSS rule just to the widget vs the whole DOM.

Vectorized over rule

Examples

set.seed(1492)
stocks <- data.frame(
  time = as.Date('2009-01-01') + (365 * 0:9),
  X = rnorm(10, 0, 1),
  Y = rnorm(10, 0, 2),
  Z = rnorm(10, 0, 4))

stocks %>%
  mjs_plot(x=time, y=X) %>%
  mjs_line() %>%
  mjs_axis_x(xax_format="date") %>%
  mjs_add_css_rule("{{ID}} .blk { fill:black }") %>%
  mjs_annotate_region("2013-01-01", "2016-01-01", "Crazy times", "blk")