编辑AmCharts的图例值样式

Question

这是我的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",
            }],

您可以在此图片的红色框中看到： valueField activo_actual太长，并且溢出了AmCharts默认情况下模板中的小空间。如何编辑？有什么选择吗？我试图编辑amcharts-value-legend的类： 但我只能添加一些样式（粗体，颜色，文本大小），但不能提供一些左空白或类似内容，这是带有<text>标签的svg。有提示吗？

Answer 1

您可以利用legend对象提供的几个属性，而不是尝试直接编辑SVG：

 
• valueWidth-调整每个图例条目的值部分的宽度  
• labelWidth-调整每个图例条目的标记标题部分的宽度

例如：

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

调整这些内容应有助于防止您看到的文字重叠。