AmCharts设置为始终在堆积的列上显示标签

Question

我试图使我的堆积式列amChart始终在列上显示值标签。即使它们不合适。

我正在使用此代码：

var qtrchart = AmCharts.makeChart("chartdiv", {
"type": "serial",
"theme": "none",
"legend": {
    "autoMargins": false,
    "borderAlpha": 0.2,
    "equalWidths": false,
    "horizontalGap": 10,
    "markerSize": 10,
    "useGraphSettings": true,
    "valueAlign": "left",
    "valueWidth": 0
},
"dataProvider": [{
    "QTR":"FY14 Q2",
    "DSAT":0.032602706911007306,
    "Neutral":0.069205892921307938,
    "CSAT":0.89819140016768484},
    {"QTR":"FY14 Q3",
    "DSAT":0.038609212354234618,
    "Neutral":0.060273567620017982,
    "CSAT":0.90111722002574746},
    {"QTR":"FY14 Q4","DSAT":0.038757557172180282,
    "Neutral":0.058425780441887579,
    "CSAT":0.90281666238593217},
    {"QTR":"FY15 Q1",
    "DSAT":0.12391774891774893,
    "Neutral":0.10355411255411255,
    "CSAT":0.77252813852813851}],
"valueAxes": [{
    "stackType": "100%",
    "axisAlpha": 0,
    "gridAlpha": 0,
    "labelsEnabled": false,
    "position": "left"
}],
"graphs": [{
    "balloonText": "[[title]], [[category]]<br><span style='font-size:14px;'>[[percents]]%</span>",
    "fillColors": "#87898b",
    "lineColor": "#87898b",
    "color": "#ffffff",
    "fillAlphas": 0.9,
    "fontSize": 11,
    "labelText": "[[percents]]%",
    "lineAlpha": 0.5,
    "title": "DSAT",
    "type": "column",
    "valueField": "DSAT"
}, {
    "balloonText": "[[title]], [[category]]<br><span style='font-size:14px;'>[[percents]]%</span>",
    "fillColors": "#822980",
    "lineColor": "#822980",
    "color": "#ffffff",
    "fillAlphas": 0.9,
    "fontSize": 11,
    "labelText": "[[percents]]%",
    "lineAlpha": 0.5,
    "title": "Neutral",
    "type": "column",
    "valueField": "Neutral"
}, {
    "balloonText": "[[title]], [[category]]<br><span style='font-size:14px;'>[[percents]]%</span>",
    "fillColors": "#0096d6",
    "lineColor": "#0096d6",
    "color": "#ffffff",
    "fillAlphas": 0.9,
    "fontSize": 11,
    "labelText": "[[percents]]%",
    "lineAlpha": 0.5,
    "title": "CSAT",
    "type": "column",
    "valueField": "CSAT"
}],
"marginTop": 30,
"marginRight": 0,
"marginLeft": 0,
"marginBottom": 40,
"autoMargins": false,
"categoryField": "QTR",
"categoryAxis": {
    "gridPosition": "start",
    "axisAlpha": 0,
    "gridAlpha": 0
},
"percentPrecision": 1,
"data_labels_always_on": true
});

http://jsfiddle.net/Cww3D/288/

有没有办法做到这一点？我发现较早的版本具有特殊参数“ data_labels_always_on”，您可以将其设置为true。但这不起作用。

有任何想法吗？

Answer 1

我也在使用AmChart，发现它对“图形”选项有帮助：

showAllValueLabels  Boolean false   If graph's type is column and labelText is set, graph hides labels which do not fit into the column's space. If you don't want these labels to be hidden, set this to true.

希望这对您有所帮助！