Amcharts 4 TreeMap項目符號鏈接

Question

我有一個來自amcharts4的樹狀圖。

我試圖在單擊每個項目符號時設置一個鏈接，但無法實現我想要的。

正如文檔所述，我嘗試過：

level1_bullet.label.url = "https://www.google.com/";

要么

level1_bullet.url = "https://www.google.com/";

兩者都不起作用，我能夠添加

level1_bullet.label.html = "<a href='https://google.com/'>{name}</a>";

但是truncate選項存在問題，該選項不起作用，我可以看到太大的名稱以容納最小的子彈，換行也無濟於事。

Answer 1

要將LabelBullet變成鏈接，請嘗試：

level1_bullet.label.url = "https://www.google.com/";

如果要使用動態網址，則必須使用adapter 。 url是一個不真正要顯示的簡單字符串，因此不會經過我們的字符串格式設置 ，這意味着不會解析諸如{name}類的占位符。 幸運的是Label具有用於其url的適配器 。 它看起來可能像這樣：

level1_bullet.label.adapter.add("url", function(url, label) {
  var query = "";
  var data = label.dataItem;
  if (data.dataContext && data.dataContext.name) {
    query = "?q=" + data.dataContext.name;
  }
  return url + query;
});

適配器的處理程序的url設置為Label （在本例中為"https://www.google.com/" ）作為第一個參數，而Label實例則作為第二個參數。 我們return最終是我們自定義格式的url ，即它沒有永久設置它，每次您的應用確定url的值應該運行該url 。

我在這里創建了一個演示：

https://codepen.io/team/amcharts/pen/79194dfcfccaa05f5ebe20e1095f3087

讓我知道這是否有意義，這是否對您想要的工作有所幫助。