更改图例符号的大小

Question

如何更改图例中符号的大小？现在他们看起来像这样：

我希望它们是与标题大小相同的正方形。在查看文档之后，我想改变symbolHeight，symbolRadius和symbolWidth可以做到这一点，但它并没有。事实上，就我所见，这些参数根本不会改变任何东西。

Answer 1

如果您使用的是系列，则需要将其图例符号更改为列系列图例符号。然后，您可以使用symbolHeight，symbolWidth和symbolRadius属性。

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

使用官方spline-plot-bands演示

未提供工作演示

您可以使用css来达到要求

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

fiddle demo

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;
        }
    },
/////