amcharts: часть легенды перекрываться

Question

У меня есть запас график и первый элемент легенды является OHLC, который отображается следующим образом:

o:60.11, h:70.11, l:40.11, c:50.11 

другие элементы легенды короткие, как этот

55.11 

Если я хочу легенду элементы не перекрываются, мне нужно установить legend.valueWidth или legend.spacing столько, сколько необходимо для первого элемента, не перекрывающего второй. Чем другие предметы имеют такое же пространство, которое не требуется, а некоторая легенда - на две строки.

Что я хочу достичь, так это то, что каждый элемент легенды будет иметь только пространство, в котором он нуждается, или для установки дополнительного пространства для первого элемента.

Answer 1

Держите легенда ДИВ отдельно от диаграммы DIV и затем добавить легенды DIV картировать

chart.addLegend(legend, "legenddiv"); 

Answer 2

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

Answer 3

Используйте это свойство: markerLabelGap markerLabelGap: Number Пробел между маркером легенды и текстом легенды, в пикселях.

Образец amchart:

var chart = AmCharts.makeChart("chartdiv", { 
 

 
      "type": "serial", "theme": "light", 
 
      "legend": { 
 
       "equalWidths": false,/*نمایش آیتم ها در یک سطر */ 
 
       "pulled":true, 
 
       "align": "left", 
 
       
 
       "position": "bottom", 
 
       
 
       "markerType": "circle", 
 
       
 
       "labelText": "[[title]]",    
 
       "rollOverGraphAlpha":80, 
 
       "markerLabelGap": 80,//تعیین فاصله بین مارکر و لیبل ها در لجند 
 
       
 
       "textClickEnabled": true 
 
      }, 
 
      ...

Смотреть еще Свойства: https://docs.amcharts.com/javascriptstockchart/LegendSettings