Send Ruby Data to Javascript in a Sinatra App

Question

I am wondering how I can send data from my Sinatra app to Javascript.

Right now, I am able to send the data to a web page through an erb file. However, I am trying to present the data better which requires the information to go through some JS and am not sure how to do that.

<!-- language: lang-js -->

$(function() {

var data = [{
    label: "Chrome",
    data: 40
}, {
    label: "Safari",
    data: 35
}, {
    label: "Mozilla",
    data: 15
}, {
    label: "Firefox",
    data: 10
}];

var plotObj = $.plot($("#flot-pie-chart"), data, {
    series: {
        pie: {
            show: true
        }
    },
    grid: {
        hoverable: true
    },
    tooltip: true,
    tooltipOpts: {
        content: "%p.0%, %s", // show percentages, rounding to 2 decimal places
        shifts: {
            x: 20,
            y: 0
        },
        defaultTheme: false
    }
});

});

How do I pass Ruby into this JS object and render it on our HTML?

thesecretmaster · Accepted Answer · 2015-05-31 12:55:08Z

2

You can set a variable in ruby (rubyVarName = someValue) and then to access it set var someVar = <%=rubyVarName%>;. That will allow you to access the value of rubyVarName as someVar in your JS.

answered May 31, 2015 at 12:55

thesecretmaster

1,9841 gold badge28 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Send Ruby Data to Javascript in a Sinatra App

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related