2

我创建了一个基于 Highcharts 插件的图表,我在其中渲染了一个图像(一个按钮:“zoom.png”)。

这张图片有一个onCLick重置我的yAxis价值观的事件。

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

我设法为第一次单击更改了图像的来源(它更改为“zoom1.png”);但是当我再次单击该按钮时,它不会恢复为原始源(“zoom.png”)

这是一个示例:JsFiddle

[编辑]:使用酷 URI 更新 JSFiddle

4

2 回答 2

3

您正在检查的条件

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

是无效的,因为它前面是

chart = new Highcharts.Chart(options); 

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

您需要在此图表之外进行不同的检查,例如布尔变量,您将对其进行检查,然后在每次单击时翻转

@jsFiddle

于 2012-09-11T14:30:21.137 回答
1

我通过向容器节点添加一个表示缩放的类来作弊。我不确定为什么它不能识别对 href 属性的更新,但这是一种替代方法:

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

于 2012-09-11T14:19:23.033 回答