anychart(v7) 将标签链接到另一个站点（使用 js）

Question

图表：1
您好，我使用 oracle apex 和 anychart。我的问题是，可以解决这个 <g> 及其 "value" 'N0003' 吗？我想 link 到另一个页面，例如通过单击 'N0003'。标签 'N0003' 不能设置为 link。（'N0003'.link（"alink"）在任何图表中都不起作用）

<g data-ac-wrapper-id="396" clip-path="url(##ac_clip_7)" clipPathUnits="userSpaceOnUse">
    <text data-ac-wrapper-id="397" unselectable="on" onselectstart="return false;" font-style="normal" font-variant="normal" font-family="Verdana, Helvetica, Arial, sans-serif" font-size="7" font-weight="normal" fill="#212121" letter-spacing="normal" text-decoration="none" direction="ltr" text-anchor="middle" x="68.5" y="42" aria-hidden="true" style="user-select: none; opacity: 1;">
        <tspan onselectstart="return false;" unselectable="on" dy="0">N0003</tspan>
    </text>
</g>

Answer 1

您可以通过这种方式将 link 字段添加到一个或多个点：{x: "2010", y: "A", heat: 15, link: "https://www.anychart.com/"}。然后你可以在 pointClick 事件上设置一个侦听器，并从 'link' 字段打开一个 link 如果它存在：

chart.listen('pointClick', function (e) {
    if (e.point.get('link') != undefined) {
      window.open(e.point.get('link'));
    }
  });

检查此 sample。

anychart(v7) 将标签链接到另一个站点（使用 js）

anychart(v7) linked label to another site (using js)

javascript

apex

anychart