Passing values from a Ruby on Rails controller into Javascript to render

Question

I've got this JS highchart that I'm trying to pass some values into that are calculated in my pages_controller. I've tried this with global and instance variables and neither seem to work in rendering. I guess the value isn't passed in.

In my pages_controller I have:

> @nil_ref = (@counts[nil]/total.to_f)*10
> @email_ref = (@counts["email"]/total.to_f)*10
> @cpc_ref = (@counts["cpc"]/total.to_f)*10
> @display_ref = (@counts["display"]/total.to_f)*10

And then in my /public/highcharts.js file I have:

var chart1; // globally available
   $(document).ready(function () {
       var chart = new Highcharts.Chart({
           chart: {
               renderTo: 'container',
               type: 'pie'
           },
           xAxis: {
               categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
           },
           yAxis: {   
           },
           legend: {
               layout: 'vertical',
               floating: true,
               backgroundColor: '#eeeeee',
               align: 'right',
               verticalAlign: 'top',
               y: 60,
               x: -60
           },
           tooltip: {
               formatter: function() {
                   return '<b>'+ this.series.name +'</b><br/>'+
                       this.x +': '+ this.y;
               }
           },
           plotOptions: {
           },
           series: [{
               data: [<%= @nil_ref %>, <%= @email_ref %>, <%= @cpc_ref %>, <%= @display_ref %>] //These need to be global vars        
           }]
       });
   });

When I inspect the element in Chrome, I get Uncaught SyntaxError: Unexpected token at the line with the Ruby tags in the JS.

Any ideas how to successfully pass these values in?

cuzzea · Accepted Answer · 2012-06-26 17:14:50Z

1

if the RoR data are strings you need to do like so:

data: ["<%= @nil_ref %>", "<%= @email_ref %>", ...

answered Jun 26, 2012 at 17:14

cuzzea

1,51511 silver badges23 bronze badges

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

2 Comments

Zack Shapiro Over a year ago

Does that matter? Same syntax? The assets around the graph are loading now, just not the actual pie chart itself.

cuzzea Over a year ago

I don't know about HeighCharts but you need to check first if it works with adding manual data, next you need to check what RoR is generating, look in the source and check on that line to see how the data array looks like. (you can even show us the source using pastebin) and finaly if one of the array elements is not a number, and it's a string you need to add "" around that

Collectives™ on Stack Overflow

Passing values from a Ruby on Rails controller into Javascript to render

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related