R highcharter plot points color based on value

Question

I am new to highcharts and R highcharter. I have a dataframe like this

tmp <- data.frame(x = 1:5, y = rnorm(5), color = c("green", "red", "green", "orange", "red"))
# x       y  color
# 1  0.4421  green
# 2 -0.8924    red
# 3  0.8264  green
# 4  0.6695 orange
# 5 -0.0966    red

I want to draw it using highcharter.

For the point color, I want to make the point color to be the corresponding color in the data frame.

What should I do? Even though it is R codes, any solutions in JS would be appreciate it because I can rewrite it in R.

Answer 1

If you give the color variable in hexadecimal format, highcharter will recognize the colors

tmp <- data.frame(x = 1:5, y = rnorm(5), color = c("#00FF00", "#FF0000", "#00FF00", "#ffa500", "#FF0000"))

hchart(tmp, "line", hcaes(x, y, color = color))

Answer 2

A slightly improved solution:

set.seed(1)
tmp <- data.frame(x = 1:5, y = rnorm(5), 
          color = c("green", "red", "green", "orange", "red"))
dummy <- "two"

library(highcharter)
hchart(tmp, type="scatter", hcaes(x=x, y=y, color=color), 
       marker=list(symbol='circle', radius=5), zIndex=1) %>% 
  hc_add_series(tmp, type="line", color="lightblue", zIndex=0)