Когда я помещаю это в файл html.haml моего базового приложения:
= 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
});
Я получаю текстовое описание графика, который должен отображаться визуально:
$ (документ) .ready (function () {var chart = new Highcharts.Chart ({chart: {margin: [50, 30, 0, 30], renderTo: 'pie-chart-container'}, кредиты : {text: 'Данные предоставлены NETMARKETSHARE', включено: true, href: 'http://marketshare.hitslink.com/browser… px? qprid = 3'}, легенда: {style: {left: 'auto', вправо: '50px' , вверху: '75px', внизу: 'auto'}, макет: 'vertical'}, plotOptions: {pie: {dataLabels: {color: 'white', enabled: true, formatter: function () {if (this. y> 15) вернуть this.point.name;}, стиль: {font: '10pt Helvetica', textShadow: '# 000000 1px 1px 2px'}}}}, серия: [{type: 'pie', data: [ {y: 3.57, идентификатор: 'applewebkit', имя: 'Safari'}, {y: 22.32, нарезанный: true, идентификатор: 'gecko', имя: 'Firefox'}, {y: 56.9, идентификатор: 'msie' , имя: 'Internet Explorer'}, {y: 17.21, имя: 'Other'}]}], подзаголовок: {text: 'January 2010'}, название: {text: 'Browser Market Share'}, всплывающая подсказка: { formatter: function () {return "" + this.point.name + ":" + this.y + "%";}}, xAxis: {title: {text: ''}}, yAxis: {title: {text: ''}}}); });