3Dのラジアルグラデーションを適用するにはどうすればよいですか？

Question

this Highcharts Scatter 3d exampleには放射状の勾配が適用されているため、3dを使用するとマーカーがより鮮やかになります。私の場合は、colorByPoint: trueも使用したいと思いますが、ラジアルグラデーションをALLチャートに適用したくはありません（この例のように）。私の場合は、いくつかの異なるチャートを表示するレポートがあります（一部は `colorByPoint1を使用するものもあります）、それらのすべてで放射状のグラデーションを必要としません。しかし、私はデフォルトのHighchartsの色が欲しいです。

ラジアルグラデーションがチャートの1つのインスタンスにのみ適用されるように、上記の例をどのように適応させることができますか？事前に

どうもありがとう、

Answer 1

デモが設定されている方法は、上部のコードブロックは、明示的にカラーセットを指定していないすべてのチャートに適用されますHighcharts、の色を設定しています

// Give the points a 3D feel by adding a radial gradient 
    var radColors = $.map(Highcharts.getOptions().colors, function(color) { 
     return { 
      radialGradient: { 
       cx: 0.4, 
       cy: 0.3, 
       r: 0.5 
      }, 
      stops: [ 
       [0, color], 
       [1, Highcharts.Color(color).brighten(-0.2).get('rgb')] 
      ] 
     }; 
    }); 

そしてcolorsとしてその変数を指定します：あなたの代わりに放射状の色を保持する変数を設定して何ができるか

Highcharts.getOptions().colors = $.map(Highcharts.getOptions().colors, function (color) {...} 

複数のチャートで

var chart = new Highcharts.Chart({ 
    colors: radColors, 
    chart: { ... } 
    ... 
}); 

更新フィドル：あなたは色セットの任意の数の変数を作成することができ

• http://jsfiddle.net/jlbriggs/ubeh1wbo/

あなたのためにそれを使用したいチャート（S）のプロパティ必要に応じてさまざまな種類のチャートに提供できます。