highcharts在点击时更改渲染图像源

Question

我创建了一个基于Highcharts插件的图表，我在其中渲染了一个图像（一个按钮：“zoom.png”）。

此图片有onCLick个事件，会重置我的yAxis值。

单击按钮时我需要更改此图像的来源;然后在第二次点击后将其更改回来。

我设法在第一次点击时更改了图像的来源（它变为“zoom1.png”）;但是当我再次单击该按钮时，它不会恢复到原始源（“zoom.png”）

以下是一个示例： JsFiddle 。

[编辑]：Updated JSFiddle With Cool URIs for the Images

Answer 1

您正在检查的条件

if ($('image').attr('href', 'http://inadcod.com/img/zoom.png')) {

无效，因为它在

之前

chart = new Highcharts.Chart(options); 

这将使用原始zoom.png再次（在新创建的图表的加载处理程序中）创建图像，因此条件始终为真，除非第一次没有图像。

你需要有一个不同的检查，就像这个图表的一个布尔变量一样，你会检查它，然后每次点击它都会翻转

@jsFiddle

Answer 2

我通过向容器节点添加一个表示缩放的类来作弊。我不确定为什么它不能识别对href属性的更新，但这是另一种选择：

http://jsfiddle.net/FsLar/4/