2017-12-21 73 views
1

AmChartグラフの棒の内側にラベルを挿入しようとしています。ラベルが長い場合は表示されません。嘆願はJsFiddle、https://jsfiddle.net/o3518u19/4/Amchart:棒グラフ内の長いラベルが表示されない

var chart = AmCharts.makeChart("chartdiv", { 
    "type": "serial", 
    "theme": "light", 
    "categoryField": "year", 
    "startDuration": 1, 
    "categoryAxis": { 
    "gridPosition": "start", 
    "position": "left" 
    }, 
    "columnSpacing": 0, 
    "columnWidth": 0.6, 
    "graphs": [ { 
    "balloonText": "Income:[[value]]", 
    "labelText": "HEJ", 
    "labelPosition": "inside", 
    "labelRotation": 270, 
    "color": "#fff", 
    "fillAlphas": 0.8, 
    "lineAlpha": 0.2, 
    "title": "Income", 
    "type": "column", 
    "valueField": "income", 
    "fixedColumnWidth": 25 
    }, 
    { 
    "balloonText": "Income:[[value]]", 
    "labelRotation": 270, 
    "labelText": "HEJA", 
    "labelPosition": "inside", 
    "color": "#fff", 
    "fillAlphas": 0.8, 
    "lineAlpha": 0.2, 
    "title": "Income", 
    "type": "column", 
    "valueField": "income", 
    "fixedColumnWidth": 25 
    }], 
    "valueAxes": [ { 
    "stackType": "regular", 
    "position": "top", 
    "axisAlpha": 0 
    } ], 
    "dataProvider": [ { 
    "year": 2005, 
    "income": 23.5, 
    "expenses": 18.1 
    }, { 
    "year": 2006, 
    "income": 26.2, 
    "expenses": 22.8 
    }] 
}); 
"HEJ" が示されている

ではなく、 "HEJA" を見てください。私は列を25より広くしたくありません。

答えて

1

"showAllValueLabels":true,を使用すると、より長いラベルが表示され、一致する場合はチェックが無効になります。

{ 
    "balloonText": "Income:[[value]]", 
    "labelRotation": 270, 
    "labelText": "HEJA", 
    "showAllValueLabels":true, /// add this line 
    "labelPosition": "inside", 
    "color": "#fff", 
    "fillAlphas": 0.8, 
    "lineAlpha": 0.2, 
    "title": "Income", 
    "type": "column", 
    "valueField": "income", 
    "fixedColumnWidth": 25 
} 

Additionaly、あなたは(verticalyあなたのケースで)さらにラベルの位置を調整する"labelOffset"を使用することができます

+0

パーフェクト!ありがとうございました! – TomasF

関連する問題