Javascript 向工具提示添加额外值惰性高图表映射
我试图通过向序列数据传递散列来向highcharts中的工具提示添加额外数据,但是它似乎不起作用,可能是日期问题 下面的代码基于lazy high charts示例 对于三条f系列生产线。如果我不使用另一个来运行它们,前两个可以工作,并在图形上生成数据,但最后一个不能Javascript 向工具提示添加额外值惰性高图表映射,javascript,ruby-on-rails,highcharts,lazy-high-charts,Javascript,Ruby On Rails,Highcharts,Lazy High Charts,我试图通过向序列数据传递散列来向highcharts中的工具提示添加额外数据,但是它似乎不起作用,可能是日期问题 下面的代码基于lazy high charts示例 对于三条f系列生产线。如果我不使用另一个来运行它们,前两个可以工作,并在图形上生成数据,但最后一个不能 @chart = LazyHighCharts::HighChart.new('graph') do |f| f.title(:text => "Thing")
@chart = LazyHighCharts::HighChart.new('graph') do |f|
f.title(:text => "Thing")
f.chart(:type => "line")
f.series(:name => "Tasks", :data => [ { x: 1, y: 2 }, { x: 1, y: 3 }])
f.series(:name => "Tasks", :data => @tasks.map{|t| [t.completed_at, 0] })
f.series(:name => "Tasks", :data => @tasks.map{|t| { x: t.completed_at, y: 0 } })
require 'pry'; binding.pry
f.yAxis [
{:title => {:text => "GDP in Billions", :margin => 70} },
{:title => {:text => "Population in Millions"}, :opposite => true},
]
end
撬动输出
=> #<LazyHighCharts::HighChart:0x007f81294da920
@html_options={},
@options=
{:title=>{:text=>"Thing"},
:legend=>{:layout=>"vertical", :style=>{}},
:xAxis=>{},
:yAxis=>{:title=>{:text=>nil}, :labels=>{}},
:tooltip=>{:enabled=>true},
:credits=>{:enabled=>false},
:plotOptions=>{:areaspline=>{}},
:chart=>{:type=>"line"},
:subtitle=>{}},
@placeholder="graph",
@series_data=
[{:name=>"Tasks", :data=>[{:x=>1, :y=>2}, {:x=>1, :y=>3}]},
{:name=>"Tasks",
:data=>
[[Wed, 25 Mar 2015 00:00:00 UTC +00:00, 0],
[Sun, 22 Mar 2015 09:09:34 UTC +00:00, 0]]},
{:name=>"Tasks",
:data=>
[{:x=>Wed, 25 Mar 2015 00:00:00 UTC +00:00, :y=>0},
{:x=>Sun, 22 Mar 2015 09:09:34 UTC +00:00, :y=>0}]}]>
=>{:text=>“Thing”},
:legend=>{:layout=>“vertical”,:style=>{},
:xAxis=>{},
:yAxis=>{:title=>{:text=>nil},:labels=>{},
:tooltip=>{:enabled=>true},
:credits=>{:enabled=>false},
:plotOptions=>{:areaspline=>{},
:chart=>{:type=>“line”},
:subtitle=>{},
@占位符=“图形”,
@系列数据=
[{:name=>“Tasks”,:data=>[{:x=>1,:y=>2},{:x=>1,:y=>3}]},
{:name=>“任务”,
:数据=>
[[2015年3月25日星期三00:00:00 UTC+00:00,0],
[太阳,2015年3月22日09:09:34 UTC+00:00,0]],
{:name=>“任务”,
:数据=>
[{:x=>2015年3月25日星期三00:00:00 UTC+00:00,:y=>0},
{:x=>太阳,2015年3月22日09:09:34 UTC+00:00,:y=>0}]>
因此,最后一个与第一个格式相同,包含与第二个相同的数据,但不起作用。可能是星期几后的逗号吗。如果是这样,highcharts接受的格式应该是什么?我认为问题在于您的数据格式,您是否尝试将
t.completed\u at
更改为时间戳?而不是日期字符串。另外,尝试使用与第二个系列不同的值-使用相同的值,您可能看不到该系列;)