2017-03-28 20 views
1

ソリッドゲージの凡例シンボルをスタイルすることはできますか?私は色のついた正方形であるために伝説の記号が必要ですが、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

伝説のシンボルは、一連のマーカーを表現したものです。シリーズマーカーを編集することで、凡例シンボルを操作できます。他のグラフの場合、これはシリーズに表示されているマーカーを変更しますが、ゲージの場合、マーカーは実際のグラフに表示されません。

例えば、(JSFiddle)あなたの場合:これはほとんど私のために働いている

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

。欠けているのは四角形が色付けされていないことだけです。唯一の違いは、ハイチャートのディレクティブhighcharts-ngを使用していることです。 – neridaj