Highcharts:更改绘图区域的光标

时间:2015-09-08 23:58:13

标签: javascript css highcharts

向用户提示图表可缩放的有什么好方法?我使我的图表可缩放(chart: { zoomType: 'xy' }),现在我想通过更改绘图区域的光标(以及绘图区域)向用户发出信号。

可以通过以下方式更改系列/实际图形的光标:

plotOptions: {
  series: {
    cursor: 'zoom-in'
  }
}

我想做相反的事情:只为背景/情节区域改变它。
不是实际的图表。不是传说。不在轴线之外等等。

2 个答案:

答案 0 :(得分:2)

感谢Luxx的帮助,我找到了一种更简单的方法来实现这一目标。

length list >= 2

示例:http://jsfiddle.net/y7dy6wLn/2/

答案 1 :(得分:0)

zoomType 属性添加到主图表部分

  

zoomType:' xy'

没有选项可以更改背景光标,只需更改图形元素即可。

这是一个小提琴的例子: 请记住,您必须选择要放大的区域(类似于您在桌面上执行的选择,无论您正在使用哪个操作系统)。

代码:

SELECT StrainId, Max(date(DateTime)) As LatestExperimentDate, FlaskNum, Min(HarvestIndex) As EarliestHarvest,Species,NumLabeledCarbons,MDV
FROM LCMS
WHERE StrainId IN ('U','S','UG','SG') AND HarvestIndex = (SELECT min(HarvestIndex) FROM LCMS)
GROUP BY StrainId, FlaskNum, Species, NumLabeledCarbons, MDV
HAVING date(DateTime) = Max(date(DateTime))
ORDER BY StrainId, date(DateTime), FlaskNum, HarvestIndex,Species,NumLabeledCarbons;    

小提琴:http://jsfiddle.net/eugensunic/vhn78x0a/