Tuliskan Artikel dalam Bahasa Indonesia

3D Scatter Chart dan Highcharts

Dalam beberapa tahun terakhir, teknologi visualisasi data telah berkembang pesat. Salah satu contoh yang menarik adalah 3D scatter chart, yaitu sebuah grafik yang mampu menampilkan titik-titik koordinat 3D. Dalam artikel ini, kita akan membahas tentang 3D scatter chart dan bagaimana cara membuatnya menggunakan Highcharts.

1. Pengertian 3D Scatter Chart

Grafik 3D scatter chart adalah sebuah grafik yang menampilkan titik-titik koordinat 3D yang dapat dirolesi dan diputar untuk memperlihatkan titik-titik dari sudut-sudut yang berbeda. Setiap titik memiliki nilai koordinat x, y, dan z.

2. Contoh Kode Highcharts

Berikut adalah contoh kode Highcharts untuk membuat 3D scatter chart:

Number[] data1 = new Number[] { 5, 1, 2 };
Number[] data2 = new Number[] { 9, 9, 7 };
Number[] data3 = new Number[] { 6, 9, 9 };
// dst

ChartView chartView = new ChartView();
options.setSeries(new ArrayList<>(Arrays.asList(series1)));
chartView.setOptions(options);

3. Configuring Individual Points

Ketika membuat grafik 3D scatter chart, kita dapat mengkonfigurasi warna dan label individu pada masing-masing titik. Namun, dalam format data yang digunakan oleh Highcharts, yaitu data: [[x,y,z],[x,y,z]...], kita tidak dapat langsung mengkonfigurasi warna dan label individu.

Namun, kita dapat menggunakan fitur "zones" untuk menentukan warna dan label individu. Contohnya:

data: [{
 x: ,
 y: ,
 z: ,
 name: 'Year: 2021',
 color: {
 linearGradient: {
 x1: 0,
 y1: 0,
 x2: 0,
 y2: 1,
 stops: [
 [0.4, '#FF0000'],
 [1, '#00FF00']
 ]
 }
 }
}]

Dalam contoh di atas, kita dapat menentukan warna dan label individu untuk masing-masing titik.

4. Drag and Rotate

Grafik 3D scatter chart juga dapat dirolesi dan diputar menggunakan fitur "drag" dan "rotate". Contohnya:

chartView.setOptions(options);

Dalam contoh di atas, kita dapat memperlihatkan grafik 3D scatter chart yang dapat dirolesi dan diputar.

5. Highcharts Scatter Plot 3D

Berikut adalah contoh kode Highcharts untuk membuat grafik 3D scatter plot:

Hello Magdalena, can you please send a demo of drag and rotate of 3d scatter plot in highcharts angular plus when I click on the points in scatter plot, it should show information about the graph. Thank you
– Aesmer

Commented Jul 14, 2022 at 13:01

6. Configure Individual Points in 3D Scatter Plot

Ketika membuat grafik 3D scatter plot, kita dapat mengkonfigurasi warna dan label individu pada masing-masing titik. Contohnya:

data: [{
 x: ,
 y: ,
 z: ,
 name: 'Year: 2021',
 color: {
 linearGradient: {
 x1: 0,
 y1: 0,
 x2: 0,
 y2: 1,
 stops: [
 [0.4, '#FF0000'],
 [1, '#00FF00']
 ]
 }
 }
}]