Javascript 单击Highstock/Highchart绘图上的事件
我试图在单击图表(Highstock垂直条形图)中的一个条形图后启动一个函数,以下是文档: 这是我的图表配置:Javascript 单击Highstock/Highchart绘图上的事件,javascript,highcharts,highstock,Javascript,Highcharts,Highstock,我试图在单击图表(Highstock垂直条形图)中的一个条形图后启动一个函数,以下是文档: 这是我的图表配置: plotOptions: { series: { animation: enableAnimation, cursor: 'pointer', point: { events: { click: function(event) { l
plotOptions: {
series: {
animation: enableAnimation,
cursor: 'pointer',
point: {
events: {
click: function(event) {
log("Click!")
log(event.yAxis[0].value);
log(event.xAxis[0].value);
}
}
}
}
问题是第2个和第3个log()从未执行,因为“event”对象不包含yAxis或xAxis值,因此我编写了一个函数,用于探索对象的属性:
function exploreObj(param, offset)
{
log("%% "+param);
for (var property in param)
{
log(offset + property+": "+param[property]);
//exploreObj(property,offset+"-");
}
}
有什么建议吗?如何访问单击条的值?在这一点上,应该是这个.x/这个.y值而不是事件
使用此方法解决:
var start_t = 0;
var end_t = 0;
var point = event.point;
var points = event.point.series.points;
var index = points.indexOf(point);
var index_next = index+1;
start_t = point.x;
if(index_next==points.length)
{
index_next=points.length-1;
end_t = points[points.length - 1].x;
}
else
{
//Is not the last
var next_point = points[index_next]
end_t = next_point.x;
}
var period =
{
from: start_t,
to: end_t
};
...
你为什么这么说?我在文档中找不到任何类似的内容=“单击点上的信息可以通过event.xAxis和event.yAxis找到”。我想要点击栏的信息,而不是鼠标坐标或其他。。。
var start_t = 0;
var end_t = 0;
var point = event.point;
var points = event.point.series.points;
var index = points.indexOf(point);
var index_next = index+1;
start_t = point.x;
if(index_next==points.length)
{
index_next=points.length-1;
end_t = points[points.length - 1].x;
}
else
{
//Is not the last
var next_point = points[index_next]
end_t = next_point.x;
}
var period =
{
from: start_t,
to: end_t
};
...