1

我有股票图表，第一个图例的项目是 OHLC，显示如下：

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

其他传说的物品都这么短

55.11

如果我想图例项目不重叠，我需要设置legend.valueWidth或legend.spacing只要需要第一个项目不重叠第二个。与其他项目相比，不需要相同的空间，有时图例在两行上。

我想要实现的是每个图例项目都只有它需要的空间或为第一个项目设置额外空间。

4

3 回答 3

1

将您的图例 div 与图表 div 分开，然后将图例 div 添加到图表

chart.addLegend(legend, "legenddiv");
于 2013-10-21T07:40:04.430 回答
0

尝试减少“labelWidth”和“valueWidth”以适应内容：source

于 2016-09-25T13:07:20.700 回答
0

使用此属性： markerLabelGap markerLabelGap : Number 图例标记和图例文本之间的空间，以像素为单位。

示例图表：

 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

于 2017-03-31T10:11:16.537 回答