0

我目前正在实施 Highcharts 以在我的 RAILS 应用程序中创建图表。我正在使用惰性高图表 gem 使它更清洁。这工作正常。图表效果很好。不幸的是,gem 中不支持一些事情,例如添加自定义 js 事件,如点击事件。我必须在视图中添加额外的选项代码。

您可以在下面查看相关代码。注释掉的点击事件工作正常。此单击事件将成功引发浏览器警报窗口。下面的大块 js 文本是我想要实现的更高级的点击事件。不幸的是,我收到以下错误。我猜是因为 RAILS 试图解析 js 文本?我搞不定。

<%= high_chart("my_id", @h) do |c| %>
    <%= #"options.series[4].point.events.click = function() {alert ('Category: ');}" %>
    <%= render :js => %{ 
            options.series[4].point.events.click = 
                function() {
                        hs.htmlExpand(null, {
                            pageOrigin: {
                                x: this.pageX,
                                y: this.pageY
                            },
                            headingText: this.series.name,
                            maincontentText: Highcharts.dateFormat('%A, %b %e, %Y', this.x) + ':<br/> ' + this.y + ' visits',
                            width: 200
                        });
                    }
                } %>
<% end %>

错误:

/home/scott/flux/app/views/cognos_mn_tickets/pbadata.html.erb:22: syntax error, unexpected ',', expecting ')'
...ext: Highcharts.dateFormat('%A, %b %e, %Y', this.x) +':<br/>...
...                               ^
/home/scott/flux/app/views/cognos_mn_tickets/pbadata.html.erb:22: unknown type of %string
... Highcharts.dateFormat('%A, %b %e, %Y', this.x) +':<br/> '+t...
...
4

1 回答 1

1

问题是当你用%{then 开始一个字符串时,它会在下一个结束}——它在你的 JavaScript 代码的中间。尝试改用Heredoc语法:

<%= high_chart("my_id", @h) do |c| %>
  <%= <<-END
      options.series[4].point.events.click = function() {
        hs.htmlExpand( null, {
          pageOrigin      : { x: this.pageX, y: this.pageY },
          headingText     : this.series.name,
          maincontentText : Highcharts.dateFormat('%A, %b %e, %Y', this.x) +
                            ':<br/> ' + this.y + ' visits',
          width           : 200
        } );
      }
    END
  %>
<% end %>
于 2012-05-09T01:42:49.397 回答