如何從amCharts中的單擊事件處理程序獲取HTML屬性值

Question

我已將事件偵聽器添加到我的圖表以捕捉點擊並執行操作。

chart.addListener('clickGraphItem', handleClick); 

​​是在這樣的事件實例是能夠使用的功能，但我似乎無法能夠檢索我之前加入到我的HTML屬性值。

任何線索？

Answer 1

要獲取點擊處理函數中單擊項目的值，請使用傳遞給它的事件對象的item屬性。

這是GraphDataItem對象，它具有values財產，這又是一個對象，舉辦各種相關值，該數據項，如value（其中我們感興趣），高，低，等

的一個實例

function handleClick(event) { 
    alert(event.item.values.value); 
} 

---

如果要檢索圖表HTML元素容器的圖表上點擊屬性，你可以使用event.chart對象。圖表對象包含div屬性，該屬性是對圖表容器的引用。您可以訪問任何它的屬性是這樣：

function handleClick(event) { 
    console.log(event.chart.div.id); 
} 

若要檢索HTML元素的非標準特性，使用其getAttribute()方法。即：

function handleClick(event) { 
    console.log(event.chart.div.getAttribute("chart-id")); 
}