2016-09-28 16 views
0

ため、私は、着色点séquencielle方法の一連なるだろう:Highcharts - colorByPoint Highchartでserie.scatter.marker

マーカー1:緑、 マーカー2:青、 マーカー3:赤、 マーカー4:緑色、 マーカー5:ブルー、 マーカー6:赤、 マーカー7:グリーン、 マーカー8:ブルー、 マーカー9:赤、 等

これはチャートと列に対して正確に達成されているもの。 options.plotOptions.column.colorByPoint = true

スキャッターで同じことをするにはどうすればいいですか?

答えて

0

散布図でもcolorByPointを使用できます。あなたの散布シリーズの3色のみを持っているために、あなたはHighchartsオブジェクトの色配列を更新する必要があります。

ここ
$('#container').highcharts({ 
    chart: { 
     type: 'scatter', 
     zoomType: 'xy' 
    }, 
    colors: ['red', 'green', 'blue'], 
    series: [{ 
     colorByPoint: true, 
     data: [ 
     [161.2, 51.6], 
     [167.5, 59.0], 
     [159.5, 49.2], 
     [157.0, 63.0], 
     [155.8, 53.6], 
     [170.0, 59.0], 
     [159.1, 47.6], 
     [166.0, 69.8], 
     [176.2, 66.8], 
     [160.2, 75.2], 
     [172.5, 55.2], 
     [170.9, 54.2], 
     [172.9, 62.5], 
     [153.4, 42.0], 
     [160.0, 50.0] 
     ] 
    }] 
}); 

あなたはそれが動作する方法の例を見ることができます:http://jsfiddle.net/22419j0j/

+0

はい、ありがとう!それは私を驚かせた! (パラメータはハイシャットのAPIリファレンスではありません...) しかし、私はHighstockを使用していることを忘れていました。違いはありますか? – Senaphet

+0

違いはありません:http://jsfiddle.net/22419j0j/2/ –

+0

あなたはそうです、それは動作します。どうもありがとうございました。私はまだ自分のテストで問題が何かを特定する必要があります。しかしそれは今働く。 – Senaphet