Highcharts Solid Gauge图例符号

时间:2017-03-28 22:58:31

标签: highcharts

是否可以将图例符号设为实心标尺的样式?我需要图例符号为彩色方块,但添加squareSymbol: true不起作用。这是一个小提琴:http://jsfiddle.net/0krjsy5n/

legend: {
    squareSymbol: true
},

series: [{
    name: 'Speed',
    data: [80],
    showInLegend: true,
    dataLabels: {
        format: '<div style="text-align:center"><span style="font-size:25px;color:' +
            ((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">{y}</span><br/>' +
               '<span style="font-size:12px;color:silver">km/h</span></div>'
    },
    tooltip: {
        valueSuffix: ' km/h'
    }
}]

1 个答案:

答案 0 :(得分:4)

图例符号是系列标记的表示。您可以通过编辑系列标记来操纵图例符号。对于其他图表,这将改变系列中显示的标记,但在您的情况下(对于标尺),标记永远不会显示在实际图表中。

例如,在您的情况下(JSFiddle):

series: [{
    marker: {
        symbol: 'square', // Make it a square
        fillColor: 'red', // With color red
    },
    lineWidth: 0 // With no line going through it
    // ...
}]