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/

有没有办法实现这个目标？我发现旧版本有一个特殊的参数＆＃34; data_labels_always_on＆＃34;你可以设置为true。但这不起作用。

有什么想法吗？

Answer 1

我也使用AmChart，发现这可能会对你有所帮助，这继续＆＃34; graph＆＃34;选项：

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.

希望这能帮到你！

Answer 2

我通过设置graphs标签位置来显示标签，如下所示：

"labelPosition": "bottom"

这里是JSFiddle：http://jsfiddle.net/Cww3D/291/

显然，这会强制显示标签，而您期望的标签却显示"showAllValueLabels": true。

怪异！

Answer 3

未显示文本标签，因为指定的字体大小大于允许的空间。修改三个“图形”对象中前两个中的“fontSize”属性，从11到3显示您要查找的百分比值。但是，字体很小，即使在第四列中也不易读。这不是解决方案，但也许是您进一步调查的起点？

没有屏幕上限，抱歉，我还是新来的。