Легенда AmChart в одну строку

Я пытаюсь собрать легенды диаграмм AmChart в одну строку, но безуспешно. Легенды разделены (по одной на строку).

введите здесь описание изображения

Фактические настройки из документации http://docs.amcharts.com/3/javascriptcharts/AmLegend является
следующим.

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

                },

Я хотел бы спросить, как получить все легенды диаграммы в одну строку?

Большое спасибо за любой совет.


legend legend-properties amcharts
person redrom    schedule 15.09.2014    source источник
comment
labelWidth 100 + valueWidth 200 делает одну запись легенды шириной 300 пикселей. И поскольку ваш контейнер не очень широкий, записи завернуты по размеру. попытайтесь уменьшить эти цифры или не устанавливайте их вообще.   -  person zeroin    schedule 15.09.2014

Ответы (4)


arrow_upward
6
arrow_downward

вы можете попробовать легенду { "maxColumns": 1, }

person Amal    schedule 20.10.2016
comment
На самом деле @Amal прав {maxColumns :1,} — правильный подход для это - person Cristian Marin; 17.01.2017

arrow_upward
1
arrow_downward

Я думаю, что автоматическое изменение размера соответствует ширине div. Кстати, вы можете изменить «valueWidth» ниже.

person Ruby Blood    schedule 18.09.2014

arrow_upward
1
arrow_downward

Попробуйте уменьшить «labelWidth» и «valueWidth», чтобы они соответствовали только содержимому.

person Youssef    schedule 06.07.2015
comment
Как узнать значение содержимого для labelWidth и valueWidth? - person Syed Ariff; 14.11.2018

arrow_upward
0
arrow_downward

Попробуйте установить equalWidths = false и valueWidth = 0, например:

"legend": {
  "equalWidths": false,
  "valueWidth": 0
}
person FiLDEV Cloud Business Software    schedule 22.06.2020