# Rails JQuery issue

**URL:** <https://www.ruby-forum.com/t/rails-jquery-issue/186168>\
**Category:** Ruby\
**Created:** [April 1, 2010, 3:32pm UTC](https://www.ruby-forum.com/t/rails-jquery-issue/186168 "2010-04-01T15:32:48Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jmaenpaa](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/j/9de053/32.png) [@jmaenpaa](https://www.ruby-forum.com/u/jmaenpaa)\
**Post date:** [April 1, 2010, 3:32pm UTC](https://www.ruby-forum.com/t/rails-jquery-issue/186168/1 "2010-04-01T15:32:48Z")

</div>

Hey all,

When I place this in my base application html.haml file:

```
= javascript_include_tag :defaults, 'jquery-1.3.2.min', 'highcharts'
<!--[if IE]>
javascript_include_tag 'excanvas.compiled'
<![endif]-->
%script{:type => "text/javascript"}
$(document).ready(function() {
= yield :javascripts
});

```

I get a textual description of a graph that is supposed to appear  
visually:

$(document).ready(function() { var chart = new Highcharts.Chart({ chart:  
{ margin: [50, 30, 0, 30], renderTo: ‘pie-chart-container’ }, credits: {  
text: ‘Data provided by NETMARKETSHARE’, enabled: true, href:  
‘[Market share for mobile, browsers, operating systems and search engines | NetMarketShare](http://marketshare.hitslink.com/browser) … px?qprid=3’ }, legend: {  
style: {left: ‘auto’, right: ‘50px’, top: ‘75px’, bottom: ‘auto’ },  
layout: ‘vertical’ }, plotOptions: { pie: {dataLabels: {color: ‘white’,  
enabled: true, formatter: function() { if (this.y \> 15) return  
this.point.name; }, style: {font: ‘10pt Helvetica’, textShadow: ‘#000000  
1px 1px 2px’ } } } }, series: [ {type: ‘pie’, data: [{y: 3.57,  
identifier: ‘applewebkit’, name: ‘Safari’}, {y: 22.32, sliced: true,  
identifier: ‘gecko’, name: ‘Firefox’}, {y: 56.9, identifier: ‘msie’,  
name: ‘Internet Explorer’}, {y: 17.21, name: ‘Other’}]} ], subtitle: {  
text: ‘January 2010’ }, title: { text: ‘Browser Market Share’ },  
tooltip: { formatter: function() { return “” + this.point.name + “: " +  
this.y + " %”; } }, xAxis: { title: {text: ‘’ } }, yAxis: { title:  
{text: ‘’ } } }); });

Does anyone know what this is a sign of (whether it’s an indication of a  
plugin problem, a problem with rails interpreting, or a problem with  
javascript rendering)?

This is the plugin [GitHub - loudpixel/highcharts-rails: A plugin for displaying Highcharts graphs in Rails](http://github.com/loudpixel/highcharts-rails)