amcharts:传奇的部分重叠

时间:2013-09-04 14:39:45

标签: javascript amcharts

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

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

其他传奇的项目很短,就像这样

55.11

如果我想要传奇项目不重叠,我需要设置legend.valueWidthlegend.spacing,只要第一项不与第二项重叠即可。比其他项目具有相同的空间,这是不需要的,有时传奇是在两行。

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

3 个答案:

答案 0 :(得分:1)

将图例div与图表div分开,然后将图例div添加到图表

chart.addLegend(legend, "legenddiv");

答案 1 :(得分:0)

尝试减少" labelWidth"和" valueWidth"仅适合内容:source

答案 2 :(得分:0)

使用此属性: 的 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