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分開，然后將圖例div添加到圖表

chart.addLegend(legend, "legenddiv");

Answer 2

嘗試減少“ labelWidth”和“ valueWidth”以僅適合內容： source

Answer 3

使用此屬性： markerLabelGap markerLabelGap：圖例標記和圖例文本之間的間隔（以像素為單位）。

樣品樣本：

  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