Rocket: Is there any way to interact with javascript code?

[lucklove]

For example, I need to draw some chart on canvas, however, most of graph libraries are write in javascript, so is there any way to do that?

[SergioBenitez]

The typical way to do this is to serve the Javascript file from Rocket via a rendered template. So, you'd have some file, chart.js.tera (or handlebars, whatever suits you better), and then you'd use Template::render("chart", some_context) to inject information from the web application into the javascript file. The guide has more information, as do the API docs.

Alternatively, your Javascript code could perform an AJAX request to your Rocket application to retrieve the data. This is the route to take if the data is dynamic.

[flosse]

@lucklove You could also render simple svg charts on the server with e.g. maud:

#[get("/my/chart")]
fn my_chart() -> PreEscaped<String> {
  html!{
    svg width = "200" height = "100" {
       g class = "bar-chart" transform = "translate(10,10)" {
         g class = "bar" {
           rect width="40" height="19" /
           text x = "45" y = "9.5" dy = ".35em" { "4 apples" }
         }
         g class = "bar" {
           rect width="40" height="19" /
           text x = "45" y = "9.5" dy = ".35em" { "4 bananas" }
         }
       }
    }
  }
}

[lucklove]

@SergioBenitez @flosse Get!

[SergioBenitez]

Looks like this has been answered. :)