我正在嘗試將圖例符號設置為線圖的正方形或矩形.

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

},

如何增加線符號的高度使其成為矩形或方形？

總結

以上是生活随笔為你收集整理的html怎么做成正方形符号,javascript – Highcharts：使图例符号为正方形或矩形的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。