如何在高圖表中添加3d圖表中的顏色

我正在使用3D選項啓用分散類型高圖，現在我想用兩種不同顏色（紅色和藍色）對內部3d區域着色。所以我的問題是 1.如何填充3d區域內的顏色？ 2.如果填充，如何將內部3d區域分成兩部分並添加兩種不同的顏色？如何在高圖表中添加3d圖表中的顏色

我的代碼是

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: [] 
}]

}）;

來源

2017-07-26 LIJO THOMAS

你能爲此創建小提琴/演示嗎？也請將圖表/繪圖的樣本圖像作爲您想要的圖表的預期輸出。 – TechnoCrat

我創建了一個小提琴來證明你是問什麼：

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

讓我知道如果你需要更多的幫助

編輯：

由於Paul在評論中指出的下方，你還可以添加更多它可產生所需的效果：

http://jsfiddle.net/g6jhvcd2/

來源

2017-07-26 14:18:02

Jonathan，謝謝你的回覆。你已經展示瞭如何給三維圖的每一面賦予顏色。我正在尋找的是在3d區域內進行着色，也就是說，因爲3D盒子是立方體形狀的，我們在該立方體區域內繪製點，現在想要對整個立方體區域進行着色，例如彩色果凍，即3d形狀和顏色。 –

一些看起來像這樣的東西https://www.shutterstock.com/image-illustration/3d-rendered-illustration-cross-section-water-194599778 –

看起來很酷。 :-)。 –

如何在高圖表中添加3d圖表中的顏色

回答

相關問題