创建具有自定义功能的按钮

Question

我试图为amcharts添加自定义按钮，就像“全部显示”一样。在放大时右上角带有镜头图标，但功能不同。

即http://www.amcharts.com/demos/chart-with-gaps-in-data/

我无法在API参考中找到它，我想知道这样的功能是否存在？

我的想法是，

使用

为类添加标签

allLabels: [{... 'id': 'custom-button'}];

然后用类似的SVG代码替换该标签，如显示全部＆＃39;按钮

$('.custom-button').replaceWith(...);

<g transform="translate(962,48)" visibility="visible"> <rect x="0.5" y="0.5" width="96" height="33" rx="0" ry="0" stroke-width="1" fill="#000000" stroke="#000000" fill-opacity="1" stroke-opacity="1" opacity="0" transform="translate(-8,-8)" class="amcharts-zoom-out-bg"></rect> <image x="0" y="0" width="19" height="19" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://www.amcharts.com/lib/3/images/lens.svg" class="amcharts-zoom-out-image"></image> <text y="7" fill="#000000" font-family="Lato" font-size="14px" opacity="1" text-anchor="start" class="amcharts-zoom-out-label" transform="translate(24,7)"><tspan y="7" x="0">Show all</tspan></text> </g>

最后，为＆＃39;点击＆＃39;创建处理程序$('..').on('click', function(){...})

的活动

有更清洁的解决方案吗？