Изменить стиль легенды AmCharts - PullRequest
Новая
       16

Изменить стиль легенды AmCharts

0 голосов
/ 29 августа 2018

Это код "графиков" моего AmChart: 

           "graphs": [{
                "balloonText": "Activos mes actual: [[value]]",
                "title": "Actual",
                "valueField": "activo_actual",
                "fillAlphas": 0,
                "lineColor": "#001ea0",
            }, {
                "balloonText": "Activos mes anterior: [[value]]",
                "title": "Anterior",
                "valueField": "activo_anterior",
                "fillAlphas": 0,
                "lineColor": "#ff0a1b",
            }],

Как вы можете видеть в красной рамке этой картинки: enter image description here valueField activo_actual слишком длинный, и он переполняет небольшое пространство, которое AmCharts имеет по умолчанию в своем шаблоне. Как можно это редактировать? Есть ли вариант? Я пытался редактировать класс amcharts-value-legend: enter image description here но я могу добавить только несколько стилей (полужирный, цвет, размер текста), но не могу указать отступ слева или что-то в этом роде, это svg с тегом <text>. Любой совет?

1 Ответ

0 голосов
/ 29 августа 2018

Вместо того, чтобы пытаться редактировать SVG напрямую, вы можете использовать несколько свойств, предоставляемых объектом legend:

  • valueWidth - регулирует ширину части значения каждой записи легенды
  • labelWidth - регулирует ширину заголовочной части маркера каждой записи легенды

Ex: 

AmCharts.makeChart("chartdiv", {
  // ...
  legend: {
    // ...
    valueWidth: /* some value */,
    labelWidth: /* some value */,
    // ...
  }
});

Их настройка поможет предотвратить наложение текста, который вы видите.

...