[英]Show graph label when value is zero in amCharts
我在amCharts中顯示旋轉的條形圖。 無論值如何,我都需要顯示每個欄的標簽。 如果值為零,則不會顯示任何條形,因此不會顯示標簽。 有沒有辦法我可以始終顯示標簽,而不管值如何?
還是更好,有沒有一種方法可以使graph.labelOffset引用一個函數,該函數將根據值返回不同的數量?
這是我正在使用的小提琴 。 請注意,第三個項目的值為0,因此不會顯示標簽。
這是圖表的javascript代碼。
var gamingData = [
{
"label": "1",
"name": "Thinone",
"grade": 30,
"pounds": 3.6,
"percentage": 2.3
},
{
"label": "2",
"name": "Studmuffin",
"grade": 60,
"pounds": 3.6,
"percentage": 2.3
},
{
"label": "3",
"name": "Slacker",
"grade": 0,
"pounds": 3.6,
"percentage": 2.3
},
{
"label": "4",
"name": "Momof2",
"grade": 60,
"pounds": 3.6,
"percentage": 2.3
},
{
"label": "5",
"name": "TheVas",
"grade": 120,
"pounds": 3.6,
"percentage": 2.3
}];
var displayGamingChart = function(gamingData, chartDiv) {
var chart = AmCharts.makeChart(chartDiv, {
"theme": "light",
"type": "serial",
"dataProvider": gamingData,
"graphs": [{
"balloonText": "Down [[pounds]]lbs and [[percentage]]%",
"fillAlphas": 1,
"lineAlpha": 0.2,
// "title": "Minutes",
"type": "column",
"valueField": "grade",
"labelText": "[[name]]",
"labelOffset": -75,
"legendValueText": "",
"fillColors": "#94BA65"
}],
"startDuration": 1,
"depth3D": 20,
"angle": 30,
"rotate": true,
"categoryField": "label",
"categoryAxis": {
"gridPosition": "start",
"fillAlpha": 0.05,
"position": "left"
},
"export": {
"enabled": true
}
});
}
displayGamingChart(gamingData, "gamingChart");
要強制顯示標簽,即使是不合適的標簽,也可以在圖形的配置中將showAllValueLabels
設置為true
:
"graphs": [{
"balloonText": "Down [[pounds]]lbs and [[percentage]]%",
"fillAlphas": 1,
"lineAlpha": 0.2,
// "title": "Minutes",
"type": "column",
"valueField": "grade",
"labelText": "[[name]]",
"labelOffset": -75,
"legendValueText": "",
"fillColors": "#94BA65",
"showAllValueLabels": true
}]
至於問題的第二部分,沒有任何功能可以區分每個條形的標簽偏移量。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.