Amchart：条形图内的长标签不显示

Question

我正试图在AmChart图中的条形图中放置一个标签。如果标签很长则不显示。请看看JsFiddle，https://jsfiddle.net/o3518u19/4/，

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。

Answer 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
}

另外，你可以使用"labelOffset"来进一步调整标签的位置（在你的情况下是verticaly）