2017-12-21 21 views
1

AmChart 그래프의 막대 안에 레이블을 넣으려고합니다. 레이블이 길면 표시되지 않습니다. 행복은 JsFiddle, https://jsfiddle.net/o3518u19/4/에서 "HEJ"가 표시됩니다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 
    }] 
}); 

하지만 "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 귀하의 경우)

+0

완벽한을 라벨의 위치를 ​​조정 "labelOffset"을 사용할 수 있습니다! 고맙습니다! – TomasF