当前位置：首页 >

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

发布时间：2024/1/8 45 豆豆

生活随笔收集整理的这篇文章主要介绍了 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.但它不起作用.