在數(shù)組中使用數(shù)組時(shí)替代已棄用的 Highcharts.each
我正在使用一個(gè)簡單的 Highcharts 柱形圖來顯示一組數(shù)據(jù)。懸停在 Highcharts 外部的數(shù)組用于為每列生成工具提示。一年中的每個(gè)月都有一列。在工具提示 pointFormatter 中使用“Highcharts.each”功能時(shí),一切都很好。每個(gè)月列顯示該特定月份的正確股票代碼:例如,將鼠標(biāo)懸停在“一月”圖表列上時(shí),工具提示在頂行顯示“一月”,在下一行顯示“CMA、OMC、DIS、JPM”在工具提示中。注意:此時(shí),一年中的最后 6 個(gè)月仍然是未來,這就是為什么 'tooltip_ticks' 數(shù)組中的最后 6 個(gè)元素具有空值的原因。var tooltip_ticks = [["CMA","OMC","DIS","JPM"],["TXN","ABBV","SPG"],["ENB","TJX","TGT","MMM","MSFT","VBR","ED","HD","AVGO","VTV"],["CMA","OMC","FXAIX","JPM"],["CVS","ABBV","TXN"],["ENB","WFC","PFE","TGT","MSFT","MMM","ED","HD"],"","","","","",""]... tooltip: { useHTML: true, pointFormatter: function() { var string = ''; Highcharts.each(tooltip_ticks[this.series.data.indexOf(this)], function(tick) { string += tick + ', ' }); return string; } }Highcharts.each 函數(shù)已被棄用。我花了將近 2 個(gè)小時(shí)和多次代碼迭代試圖弄清楚如何使用 js Array.forEach 函數(shù)復(fù)制上面的代碼。一個(gè)例子: pointFormatter: function() { var string = ''; tooltip_ticks.forEach(function(tick) { string += tick + ', ' }); return string; }這會(huì)為每個(gè)月創(chuàng)建一個(gè)工具提示,但每個(gè)月的工具提示都包含“tooltip_ticks”數(shù)組中的所有元素。我不知道如何獲得正確的每月子數(shù)組索引,以便在每個(gè)工具提示中只顯示單個(gè)月份的代碼。換句話說,相當(dāng)于這個(gè)tooltip_ticks[this.series.data.indexOf(this)]我是否需要在 forEach 函數(shù)中執(zhí)行某種“For”循環(huán),因?yàn)樽訑?shù)組需要循環(huán)并且子數(shù)組元素一個(gè)一個(gè)地提?。课視?huì)使用 js 和/或 Highcharts 圖表庫將我的經(jīng)驗(yàn)水平歸類為“初學(xué)者”,因此不完全是新手,但仍處于早期學(xué)習(xí)模式。任何幫助/建議將不勝感激。
查看完整描述