更改圖例符號的大小

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

沒有使用官方樣條曲線帶演示提供工作演示

您可以使用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;
        }
    },
/////