javascript - amCharts LabelFunction not working - Stack Overflow

admin管理员组

文章数量:1310493

/

I'm trying to add a custom label to the end of each bar in a chart, like so:

  "graphs": [{
    "balloonText": "<b>[[category]]: [[value]]</b>",
    "fillColorsField": "color",
    "fillAlphas": 0.9,
    "lineAlpha": 0.2,
    "type": "column",
    "valueField": "visits",
    "labelFunction": function(data) {return 'new label';}
  }],

The labelFunction property isn't working and I'm not sure why.

https://jsfiddle/f3zy3bjc/

I'm trying to add a custom label to the end of each bar in a chart, like so:

  "graphs": [{
    "balloonText": "<b>[[category]]: [[value]]</b>",
    "fillColorsField": "color",
    "fillAlphas": 0.9,
    "lineAlpha": 0.2,
    "type": "column",
    "valueField": "visits",
    "labelFunction": function(data) {return 'new label';}
  }],

The labelFunction property isn't working and I'm not sure why.

• javascript
• charts
• amcharts

Share Improve this question Follow edited Mar 12, 2016 at 18:01 martynasma 8,59522 gold badges3232 silver badges4747 bronze badges asked Mar 10, 2016 at 21:24 dingdingdingdingdingding 1,58133 gold badges1515 silver badges2727 bronze badges 1

• Maybe: enter link description here – Dayane RS Commented Mar 11, 2016 at 1:25

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

It's a good question. The reason why it doesn't work is that labelFunction does not event get invoked if there are not label, and there are no label if labelText is not set.

So, as awkward as it may sound, you need to define labelText as well. You can set it to anything, it just need to produce a non-empty string.

  "graphs": [{
    "balloonText": "<b>[[category]]: [[value]]</b>",
    "fillColorsField": "color",
    "fillAlphas": 0.9,
    "lineAlpha": 0.2,
    "type": "column",
    "valueField": "visits",
    "labelText": " ",
    "labelFunction": function(data) {return 'new label';}
  }],

Updated fiddle.

本文标签： javascriptamCharts LabelFunction not workingStack Overflow