2017-07-26 11 views
0

3dオプションを有効にした散乱型ハイチャートを使用しています.3色の領域を2色の異なる色、例えば赤と青で色付けします。だから私の質問 です1.どのように3D領域内の色を埋めるために? 2.塗りつぶした場合、内側の3D領域を2つに分割し、2つの異なる色を追加する方法は?ハイチャートの3Dチャートの中に色を追加する方法js

マイコード)

var chartClassification = new Highcharts.Chart({ 

chart: { 
    renderTo: 'containerClassification', 
    margin: 20, 
    type: 'scatter', 
    options3d: { 
     enabled: true, 
     alpha: 10, 
     beta: 30, 
     depth: 250, 
     viewDistance: 5, 
     fitToPlot: false, 
     frame: { 
      bottom: { size: 10, color: 'rgba(0,0,0,0.02)' }, 
      back: { size: 100, color: 'rgba(0,0,0,0.04)' }, 
      side: { size: 1, color: 'rgba(0,0,0,0.06)' } 
     } 
    } 
}, 
title: { 
    text: 'Classification' 
}, 
plotOptions: { 
    scatter: { 
     width: 10, 
     height: 10, 
     depth: 10 
    } 
}, 
yAxis: { 
    min: 0, 
    max: 10, 
    title: null 
}, 
xAxis: { 
    min: 0, 
    max: 10, 
    gridLineWidth: 1 
}, 
zAxis: { 
    min: 0, 
    max: 10, 
    showFirstLabel: false 
}, 
legend: { 
    enabled: false 
}, 
series: [{ 
    name: 'Reading', 
    color: 'black', 
    data: [] 
}] 

}です。

+4

これのためにフィドル/デモを作成できますか?また、チャートの期待する出力のためのチャート/図面のサンプルイメージを置いてください。 – TechnoCrat

答えて

1

私はあなたがについて尋ねているかを証明するためにバイオリンを作成しました:

https://jsfiddle.net/cnxwue7k/

それはちょうどフレームオブジェクトの色を変更する各3Dエリア

の色を変更するにはかなり簡単です。ここ

frame: { 
     bottom: { size: 10, color: 'grey' }, 
     back: { size: 100, color: 'red' }, 
     side: { size: 1, color: 'blue' } 
    } 

さらに情報:

https://www.highcharts.com/docs/chart-concepts/3d-charts

希望:-D

はあなたが

EDIT任意のより多くの助けが必要な場合は、私に教えてください役立ちます

Paulはコメントで以下の指摘したように、あなたはまた、より多くを追加することができます所望の効果を与える色付きの軸:

http://jsfiddle.net/g6jhvcd2/

+0

Jonathan、ありがとうございます。 3次元グラフの各辺に色を付ける方法を示しました。私が探しているのは、3Dボックス内の色を塗りつぶすことです。これは、3Dボックスが立方体であり、その立方体領域内に点をプロットすると、キュービクル全体の色をつけたいと思っています.3次元のカラーゼリー形があり色があります。 –

+0

このようなものがいくつかあります。https://www.shutterstock.com/image-illustration/3d-rendered-illustration-cross-section-water-194599778 –

+0

これはすばらしく見えます。 :-) –

関連する問題