html怎么做成正方形符号,javascript – Highcharts：使图例符号为正方形或矩形

我正在尝试将图例符号设置为线图的正方形或矩形.

Example

这条线很好.我不想改变线宽.

HTML：

使用Javascript：

$(function () {

var chart = new Highcharts.Chart({

chart: {

renderTo: 'container',

type: 'line',

},

xAxis: {

categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']

},

plotOptions: {

series: {

marker: {

enabled: false

}

}

},

legend: {

layout: 'vertical',

align: 'right',

verticalAlign: 'middle',

symbolHeight:100,

borderWidth: 0

},

series: [{

data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]

}]

});

});

我尝试在图例中添加symbolHeight.但它不起作用.

legend: {

layout: 'vertical',

align: 'right',

verticalAlign: 'middle',

symbolHeight:100,

borderWidth: 0

},

如何增加线符号的高度使其成为矩形或方形？