# Flot won't Plot

**URL:** <https://discuss.rubyonrails.org/t/flot-wont-plot/63753>\
**Category:** rubyonrails-talk\
**Created:** [April 30, 2012, 11:45pm UTC](https://discuss.rubyonrails.org/t/flot-wont-plot/63753 "2012-04-30T23:45:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![11155](https://avatars.discourse-cdn.com/v4/letter/1/d26b3c/32.png) [@11155](https://discuss.rubyonrails.org/u/11155)\
**Post date:** [April 30, 2012, 11:45pm UTC](https://discuss.rubyonrails.org/t/flot-wont-plot/63753/1 "2012-04-30T23:45:40Z")

</div>

I'm playing around with FLOT with Ruby and I'm having a hard time passing the code to javascript; I know my javascript isn't reading the data correctly from Ruby. I need some syntax help.

Ruby Code:

o={}; o= {'label' =\> "A", 'data' =\> @example.collect{|x| [Time.utc(x.date).to\_i, x.num]}} render :text =\> o.to\_json

I have successfully rendered the output as such:

{"label":"A","data":[[1281225600,1.31],[1281225600,1.31],[1281225600,1.25]]}

The HTML outputs this data only.

My javascript is as follows:

var obj = jQuery.parseJSON(text); &nbsp;&nbsp;&nbsp;&nbsp;var options = { &nbsp;&nbsp;&nbsp;&nbsp;lines: { show: true }, &nbsp;&nbsp;&nbsp;&nbsp;points: { show: true }, &nbsp;&nbsp;&nbsp;&nbsp;xaxis: { mode: "time", timeformat: "%m/%d/%y", minTickSize: [1, "day"]}};

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var data = obj; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.plot(placeholder,[data],options); }

I think the jQuery.parseJSON(text); isn't working. Any suggestions will be helpful.

---

<div class="post-metadata">

**Author:** ![11155](https://avatars.discourse-cdn.com/v4/letter/1/d26b3c/32.png) [@11155](https://discuss.rubyonrails.org/u/11155)\
**Post date:** [May 1, 2012, 8:25pm UTC](https://discuss.rubyonrails.org/t/flot-wont-plot/63753/2 "2012-05-01T20:25:30Z")

</div>

Ok I got it....

Ruby code:

&nbsp;&nbsp;&nbsp;&nbsp;@o={}; &nbsp;&nbsp;&nbsp;&nbsp;@o= {'label' =\> "A", 'data' =\> @example.collect{|x| [Time.utc(x.date).to\_i, x.num]}}

Java code:

$(function () {

var obj = \<%= @o.to\_json %\>; var options = { &nbsp;&nbsp;&nbsp;lines: { show: true }, &nbsp;&nbsp;&nbsp;points: { show: true }, &nbsp;&nbsp;&nbsp;xaxis: { mode: "time", timeformat: "%m/%d/%y", minTickSize: [1, "day"]} };

var data = obj; $.plot(placeholder,[data],options); });