簡體   English   中英

當amCharts中的值為零時顯示圖形標簽

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM