我目前正在实施 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...
...