我有堆棧高圖，如果列只有一個堆棧值，我想隱藏標簽文本。在這種情況下，我想隱藏列中的面板文本。我嘗試在dataLabels格式化程序中處理，但沒有成功：dataLabels: { formatter: function() { console.log(this); debugger; let countValue = this.series.userOptions.data.filter(x => x != 0).length; if(countValue <= 1){ return ''; } return this.series.name; },這是我的源代碼JSFiddle https://jsfiddle.net/viethien/ak2h1sfq/11/謝謝
3 回答
慕蓋茨4494581
TA貢獻1850條經(jīng)驗 獲得超11個贊
繁星coding
TA貢獻1797條經(jīng)驗 獲得超4個贊
我認為最簡單的解決方案是將this.y與 進行比較this.point.stackTotal。如果值相同 - 隱藏文本。
演示： https: //jsfiddle.net/BlackLabel/0ows79bm/
formatter: function() {
if(this.y === this.point.stackTotal) {
return ''
}
return this.series.name;
},
慕沐林林
TA貢獻2016條經(jīng)驗 獲得超9個贊
您的dataLabels.formatter()實施在某種程度上是錯誤的。
這是發(fā)生的事情：
thisy value為條形圖上的每個堆棧返回一個對象。您的目標應(yīng)該是了解每個條形圖的總數(shù)是如何求和的。因此，最好的選擇是嘗試檢查每個堆棧傳遞的每個數(shù)據(jù)的總和是否為y。這是一個例子：
從上圖中，我剛剛使用了你的代碼和console.log(this)里面的formatter(). 該模式非常清晰，您必須將 的每個值y與條形圖堆棧的整個總數(shù)進行比較。
這樣做this.y == this.total應(yīng)該告訴您當前實例中的數(shù)據(jù)是否實際上總計為條形圖堆棧的整個總數(shù)。正如您在圖片中看到的那樣，y=2該條形的堆棧總和2與我們的比較相匹配this.y == this.total；
所以你應(yīng)該直接使用。 formatter: function(){ return this.y == this.total || this.y === 0 ? "" : this.series.name;}
- 3 回答
- 0 關(guān)注
- 199 瀏覽
添加回答
舉報
0/150
提交
取消