Pada saat ini, kita memiliki kemampuan untuk menambahkan efek visual dan transformasi pada setiap jenis grafik yang tersedia dalam JavaFX. Salah satu contoh adalah dengan mengaplikasikan bayangan drop-down ke scatter chart.

Mengubah Simbol Sederhana

Dalam contoh sebelumnya, kita telah menggunakan simbol default yang didefinisikan dalam file caspian.css untuk mewakili setiap seri data pada grafik scatter. Namun, kita juga dapat mengganti simbol ini dengan cara membuat stylesheet CSS sendiri.

Menggunakan File Chart.css

Kita dapat membuat file Chart.css dan menyimpannya di direktori yang sama dengan kelas utama aplikasi AreaChartSample. Kemudian, kita dapat menambahkan kode berikut ke dalam file tersebut.

.chart-symbol{ 
 -fx-stroke: #a9e200;
 -fx-shape: "M0,4 L2,4 L4,8 L7,0 L9,0 L4,11 Z";
}

Kode ini menciptakan simbol bentuk dengan definisi jalur SVG dalam parameter -fx-shape dan mengatur warna stroke untuk simbol.

Aplikasi StyleSheet ke Aplikasi

Setelah membuat file Chart.css, kita dapat menggunakan metode getStylesheets() pada kelas Scene untuk mengaplikasikan stylesheet tersebut ke aplikasi.

scene.getStylesheets().add("scaterchartsample/Chart.css");

Jika kita jalankan aplikasi ini, maka akan muncul penampakan grafik yang berbeda, seperti ditunjukkan dalam Gambar 6-5.

Referensi