AmChart legend in one line

Question

AmChart legend in one line

I am trying to get AmChart chart legends in one line, but with no luck. The legends are split (one for the line).

enter image description here

The actual settings from the documentation http://docs.amcharts.com/3/javascriptcharts/AmLegend is the following.

 "legend": {
                    "equalWidths": false,
                    //"periodValueText": "total: [[value.sum]]",
                    "position": "bottom",
                    "valueAlign": "left",
                    "labelWidth": 100,
                    "valueWidth": 200,
                    //"width": 100,
                    "align": "center"

                },

I would like to ask how to get all the chart legends in one line?

Thanks a lot for any advice.

+3

legend legend-properties amcharts

redrom 15 Sep 14 at 8:59 am

source to share

3 answers

Ruby blood · Answer 1 · 2014-09-18T16:14:31+0000

I think it automatically resizes after the div. Btw, you can change the "valueWidth" below.

Youssef · Answer 2 · 2015-07-06T11:58:29+0000

Try decreasing "labelWidth" and "valueWidth" to fit only the content

Amal · Answer 3 · 2016-10-20T09:43:35+0000

you can try the legend {"maxColumns": 1,}

0

Amal Oct 20 '16 at 9:43

source to share

AmChart legend in one line

More articles: