将AMCharts符号与外部内容滑块链接
将AMCharts符号与外部内容滑块链接
提问于 2015-02-24 09:18:13
我有一个基本的水平内容滑块，我有一个非常基本的线条图，我在实时编辑器中创建并复制到我的HTML中。现在的挑战是将图表上的每个项目与我的内容滑块中的不同幻灯片链接起来。我知道我必须添加一个eventListener，但我不知道如何将每个项目链接到不同的幻灯片。
<div class="sp-slideshow">
<input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" />
<label for="button-1" class="button-label-1"></label>
<input id="button-2" type="radio" name="radio-set" class="sp-selector-2" />
<label for="button-2" class="button-label-2"></label>
<input id="button-3" type="radio" name="radio-set" class="sp-selector-3" />
<label for="button-3" class="button-label-3"></label>
<input id="button-4" type="radio" name="radio-set" class="sp-selector-4" />
<label for="button-4" class="button-label-4"></label>
<input id="button-5" type="radio" name="radio-set" class="sp-selector-5" />
<label for="button-5" class="button-label-5"></label>
<label for="button-1" class="sp-arrow sp-a1"></label>
<label for="button-2" class="sp-arrow sp-a2"></label>
<label for="button-3" class="sp-arrow sp-a3"></label>
<label for="button-4" class="sp-arrow sp-a4"></label>
<label for="button-5" class="sp-arrow sp-a5"></label>
<div class="sp-content">
<div class="sp-parallax-bg"></div>
<ul class="sp-slider clearfix">
<li><img src="images/image1.png" alt="image01" /></li>
<li><img src="images/image2.png" alt="image02" /></li>
<li><img src="images/image3.png" alt="image03" /></li>
<li><img src="images/image4.png" alt="image04" /></li>
<li><img src="images/image5.png" alt="image05" /></li>
</ul>
</div><!-- sp-content -->
</div><!-- sp-slideshow -->回答 1
Stack Overflow用户
回答已采纳
发布于 2015-02-24 15:31:40
我认为这应该非常适合您的需要：小提琴。
重要的守则是：
chart.addListener("clickGraphItem", function(e){
alert(e.item.index); // replace with navigation
});必须使用子弹，否则将无法工作。如果不希望显示它们，请使用：bulletAlpha: 0
希望这能有所帮助。;)
编辑：
根据您在最后一个注释中的代码，我建议使用某种映射。
这使您的代码更易于阅读和重用。
下面是一个例子：
buttonMap = ["#button-1", "#button-2", "#button-3", ...];
chart.addListener("clickGraphItem", function(e) {
$(buttonMap[e.item.index]).click();
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28691939
复制相关文章
相似问题
腾讯云开发者
