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

AmCharts设置为始终在堆叠列上显示标签,charts,bar-chart,amcharts,Charts,Bar Chart,Amcharts,我试图使我的叠层柱图表始终在柱上显示值标签。即使它们不合适 我正在使用以下代码: var qtrchart = AmCharts.makeChart("chartdiv", { "type": "serial", "theme": "none", "legend": { "autoMargins": false, "borderAlpha": 0.2, "equalWidths": false, "horizontalGap": 10, "markerSi

我试图使我的叠层柱图表始终在柱上显示值标签。即使它们不合适

我正在使用以下代码:

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
});
var qtrchart=AmCharts.makeChart(“chartdiv”{ “类型”:“串行”, “主题”:“无”, “传奇”:{ “汽车制造商”:错, “borderAlpha”:0.2, “等宽”:false, “水平差距”:10, “市场化”:10, “useGraphSettings”:正确, “valueAlign”:“左”, “valueWidth”:0 }, “数据提供者”:[{ “QTR”:“2014财年第二季度”, “DSAT”:0.032602706911007306, “中性”:0.069205892921307938, “CSAT”:0.89819140016768484}, {“QTR”:“2014财年第三季度”, “DSAT”:0.038609212354234618, “中性”:0.060273567620017982, “CSAT”:0.90111722002574746}, {“QTR”:“2014财年第四季度”,“DSAT”:0.038757557172180282, “中性”:0.058425780441887579, “CSAT”:0.90281666238593217}, {“QTR”:“2015财年第一季度”, “DSAT”:0.12391774891774893, “中性”:0.10355411255411255, “CSAT”:0.77252813852813851}, “价值轴”:[{ “stackType”:“100%”, “axisAlpha”:0, “gridAlpha”:0, “labelsEnabled”:错误, “位置”:“左” }], “图表”:[{ “文本”:“[[标题]],[[类别]]
[[百分比]]%”, “填充颜色”:“#87898b”, “线条颜色”:“#87898b”, “颜色”:“ffffff”, “填充字母”:0.9, “字体大小”:11, “标签文本”:“[[百分比]]%”, “lineAlpha”:0.5, “标题”:“DSAT”, “类型”:“列”, “valueField”:“DSAT” }, { “文本”:“[[标题]],[[类别]]
[[百分比]]%”, “填充颜色”:“822980”, “线条颜色”:“822980”, “颜色”:“ffffff”, “填充字母”:0.9, “字体大小”:11, “标签文本”:“[[百分比]]%”, “lineAlpha”:0.5, “头衔”:“中立”, “类型”:“列”, “valueField”:“中性” }, { “文本”:“[[标题]],[[类别]]
[[百分比]]%”, “填充颜色”:“0096d6”, “线条颜色”:“0096d6”, “颜色”:“ffffff”, “填充字母”:0.9, “字体大小”:11, “标签文本”:“[[百分比]]%”, “lineAlpha”:0.5, “标题”:“CSAT”, “类型”:“列”, “valueField”:“CSAT” }], “玛金托普”:30岁, “marginRight”:0, “marginLeft”:0, “marginBottom”:40, “汽车制造商”:错, “类别字段”:“QTR”, “分类法”:{ “网格位置”:“开始”, “axisAlpha”:0, “gridAlpha”:0 }, “百分精度”:1, “数据标签总是打开”:真 });

有没有办法做到这一点?我发现旧版本有一个特殊的参数“data\u labels\u always\u on”,可以设置为true。但这是行不通的。


有什么想法吗?

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


没有屏幕上限,对不起,我还是新来的。

我也在使用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.

希望这对你有帮助

通过设置
图形
标签位置,我获得了要显示的标签,如下所示:

"labelPosition": "bottom"
以下是JSFIDLE:

显然,这会强制显示标签,而您希望显示的标签,
“showAllValueLabels”:true
不会显示


奇怪

我试过了,但这不是我想要的。我正在寻找amChart的代码,当文本不合适时,它会自动隐藏文本。我需要禁用它!我最终也找到了那个参数。它没有像广告宣传的那样起作用。当设置为true时,这些值仍然不会显示。