传奇符号的大小变化(Change size of legend symbol)

2019-09-28 09:41发布

如何更改图例中的符号的大小? 现在他们是这样的:

我想他们是正方形大致相同大小的标题。 看文档之后,我想改变symbolHeight,symbolRadius和symbolWidth会做的伎俩,但事实并非如此。 事实上,这些参数不改变所有东西,只要我能看到。

Answer 1:

如果您使用的线系列,你需要改变它的传奇符号列系列传奇的象征。 然后你可以使用symbolHeightsymbolWidthsymbolRadius性能。

API参考:
http://api.highcharts.com/highcharts/legend.symbolHeight
http://api.highcharts.com/highcharts/legend.symbolWidth
http://api.highcharts.com/highcharts/legend.symbolRadius

例:
http://jsfiddle.net/x2vk088m/



Answer 2:

使用官方没有工作演示提供的样条曲线图带演示

您可以使用CSS来实现的要求

.highcharts-legend-item path{
  stroke-width:10
}

小提琴演示



Answer 3:

只要使用symbolHeight,symbolWidth在你的配置...

事情是这样的:

 ////////
    legend: {
        align: 'left',
        rtl: false,
        verticalAlign: 'top',
        useHTML: true,
        itemStyle: {
            'cursor': 'default',
            'font-weight': 'normal'
        },
        symbolWidth: 10, <<<<<//HERE
        symbolHeight: 2, <<<<<//HERE
        symbolRadius: 0, //creating square legend,
        labelFormatter: function() {
          return this.name;
        }
    },
/////


文章来源: Change size of legend symbol