7. Raster
1.4.4 Kegiatan yang terkait dengan pemodelan grafik komputer
- Pemodelan
- Geometris merupakan cabang dari matematika terapan dan komputasi geometri yang mempelajari metode dan algoritma untuk deskripsi matematika bentuk, baik itu berbentuk 2D maupun bentuk 3D.
- Rendering
- adalah suatu kegiatan memproduksi citra yang lebih solid dari model yang telah dibentuk.
- Animasi
- adalah menetapkan atau menampilkan kembali tingkah laku/behavior objek bergantung pada waktu yang berjalan, dan animasi juga merupakan suatu gambar yang bergerak yang terdiri dari beberapa frame.
Histogram
Informasi penting mengenai isi citra digital dapat diketahui dengan membuat histogram citra.
- Histogram citra adalah grafik yang menggambarkan penyebaran nilai-nilai intensitas pixel dari suatu citra atau bagian tertentu di dalam citra. Dari sebuah histogram dapat diketahui frekuensi kemunculan nisbi (relative) dari intensitas pada citra tersebut. Histogram juga dapat menunjukkan banyak hal tentang kecerahan (brightness) dan kontas (contrast) dari sebuah gambar. Karena itu, histogram adalah alat bantu yang berharga dalam pekerjaan pengolahan citra baik secara kualitatif maupun kuantitatif.
2.1 Operasi Titik Histogram
Histogram citra sangat berkaitan dengan berbagai teknik pengolahan citra, terutama metode-metode yang tergolong dalam operasi titik. Oleh karena itu, pada bagian awal dari operasi titik akan dijelaskan terlebih dulu tentang konsep histogram. Histogram citra menunjuk pada histogram dad nilai intensitas pixel. Histogram menampilkan banyaknya pixel dalam suatu citra yang dikelompokkan berdasarkan level nilai intensitas pixel yang berbeda. Pada citra grayscale 8 bit, terdapat 256 level nilai intensitas yang berbeda maka pada histogram akan ditampilkan secara grafik distribusi dad masing-masing 256 level nilai pixel tersebut.
Histogram citra ditampilkan dalam grafik 2D, dengan sumbu x menyatakan nilai intensitas pixel dan sumbu y menyatakan frekuensi (banyaknya kemunculan) suatu nilai intensitas pixel. Proses pembentukan histogram dapat dilakukan dengan memeriksa setiap nilai pixel pada citra, kemudian hitung banyaknya nilai pixel tersebut dan disimpan di memori. Contoh-contoh histogram citra dapat dilihat pada Gambar 4.1 (b) dan pada pembahasan-pembahasan lain tentang operasi titik. Histogram juga bisa diterapkan untuk citra berwarna, dengan cara memisahkan terlebih dulu 3 komponen wama red, green, dan blue, kemudian setiap komponen warna dibuat histogramnya. Histogram citra berwama juga dapat ditampilkan dalam grafik 3D dengan salah satu sumbu menyatakan komponen ruang warna.
2.2 Penyesuaian Kecerahan (Brightness Adjustment)
Penyesuaian kecerahan (brightness) intensitas pixel merupakan operasi pixel yang paling sederhana. Tingkat kecerahan suatu citra dapat dilihat dad histogramnya. Semua pixel biasanya terkonsentrasi pada salah satu sisi histogram dengan rentangan gray level tertentu. Semakin dinaikkan tingkat brightness suatu citra maka konsentrasi nilai pixel pada histogram akan bergeser ke sisi kanan, demikian juga sebaliknya, semakin diturunkan maka konsentrasi nilai pixel pada histogram akan bergeser ke sisi kiri (Gambar 4.1).
Penyesuaian tingkat brightness suatu citra dapat dinyatakan sebagai
dengan U’ dan U berturut-turut menyatakan citra setelah dan sebelum penyesuaian kecerahan sedangkan c adalah suatu konstanta yang merupakan faktor penyesuaian. Proses penyesuaian di atas dilakukan dengan menambahkan (mengurangkan) nilai setiap pixel dengan suatu konstanta. Apabila nilai pixel setelah penyesuaian melebihi nilai maksimum intensitas yang mungkin untuk citra grayscale, nilai maksimum intensitas adalah 255 maka nilai pixel tersebut akan dijadikan 255. Demikian pula sebaliknya, bila nilai pixel hasil penyesuaian lebih kecil dari 0 (nol) maka nilai pixel tersebut dijadikan 0.
2.3 Metode Histogram
- Metodehistogram adalah metode yang paling sering digunakan. Nilai T ditentukan berdasarkan histogram dari citra yang akan diambang-kan. Suatu citra yang memiliki objek tunggal dengan latar belakang homogen, biasanya memiliki histogram yang bimodal (memiliki dua maksimum lokal atau dua puncak), seperti ditunjukkan pada Gambar 4.2. Citra yang memiliki histogram seperti pada Gambar 4.2(a) dapat diambangkan dengan nilai ambang tunggal (Gambar 4.3). Gambar 4.2(b) menunjukkan histogram dengan 3 puncak. Puncak di tengah menunjukkan suatu objek sehingga pengambangan harus dilakukan dengan dua nilai T.
Citra yang memiliki histogram seperti gambar 5.27(c), pengambangan dengan nilai ambang tunggal tidak akan memberikan hasil yang memuaskan dan pengambangan lokal adaptif adalah penyelesaian yang tepat untuk masalah tersebut (Gambar 5.29).
2.4 Perenggangan Kontras (Constrast Stretching)
- Kontras suatu citra adalah distribusi pixel terang dan gelap. Citra grayscale dengan kontras rendah maka akan terlihat terlalu gelap, terlalu terang, atau terlalu abu-abu. Histogram citra dengan kontras rendah, semua pixels akan terkonsentrasi pada sisi kid, sisi kanan, atau di tengah (Gambar 4.4 (c)). Semua pixel akan terkelompok secara rapat pada suatu sisi tertentu dan menggunakan sebagian kecil dari semua kemungkinan nilai pixel. Citra dengan kontras tinggi memiliki daerah gelap dan terang yang luas. Histogram citra dengan kontras tinggi memiliki dua puncak besar. Satu puncak terkonsentrasi pada sisi kiri dan yang satunya terkonsentrasi pada sisi kanan histogram. Citra dengan kontras yang bagus menampilkan rentangan nilai pixel yang lebar. Histogramnya relatif menunjukkan distribusi nilai pixel yang seragam, tidak memiliki puncak utama, atau tidak memiliki Iembah.
- Perenggangan kontras adalah teknik yang sangat berguna untuk memperbaiki kontras citra terutama citra yang memiliki kontras rendah. Teknik ini bekerja dengan baik pada citra yang memiliki distribusi Gaussian atau mendekati distribusi Gaussian.
Pada perenggangan kontras, setiap pixel pada citra U ditransformasi dengan menggunakan fungsi berikut.
Dengan o(ij) dan u(ij) berturut-turut pixel sesudah dan sebelum ditransformasi pada koordinat (i,j), c dan d berturut-turut menyatakan nilai maksimum dan minimum dari pixel pada citra input, dan L menyatakan nilai grayscale maksimum. Bila nilai pixel lebih kecil dari 0 maka akan dijadikan 0 dan bila lebih besar dari (L-1) maka akan dijadikan (L-1).
Gambar 4.4 menunjukkan contoh perenggangan kontras. Citra masukan memiliki kontras rendah, terlalu abu-abu (histogram terpusat di tengah), kemudian direnggangkan dengan nilai c = 79 dan d = 136, sehingga citra keluaran lebih jelas (histogram lebih menyebar).
Permasalahan yang muncul dengan menggunakan formula di atas adalah bila nilai maksimum (d) pixel terlalu tinggi dan nilai minimum (c) pixel terlalu rendah, akan tetapi kehadiran pixel dengan nilai maksimum atau nilai minimum sangat sedikit (atau mungkin hanya 1) maka proses penskalaan yaitu pembagi (d — c) pada formula di atas menjadi kurang representatif. Untuk menyelesaikan perrnasalahan ini dapat dilakukan dengan memilih nilai c dan d berdasarkan persentase tertentu, misalnya c diberi nilai dengan nilai pixel di mana terdapat sekitar p% pixel lebih kecil dari c, demikian juga untuk nilai d diberi nilai pixel di mana terdapat sekitar q% pixel lebih besar dari d.
Sudah tentu nilai p dapat sama atau berbeda dengan q. Nilai p dan q dapat ditentukan dengan membuat histogram citra input dan berdasarkan sebaran nilai pixel pada histogram, nilai p dan q yang representative dapat dipilih.
Dengan plow dan phigh berturut turut menyatakan nilai pixel yang berkaitan dengan nilai p% dan q%.
2.5 Ekualisasi Histogram (Histogram Equalization)
Ekualisasi histogram merupakan salah satu bagian penting dari beberapa aplikasi pengolahan citra. Tujuan dari teknik ini adalah untuk menghasilkan histogram citra yang seragam. Teknik ini dapat dilakukan pada keseluruhan citra atau pada beberapa bagian citra saja. Histogram hasil proses ekualisasi tidak akan seragam atau sama untuk seluruh intensitas. Teknik ini hanya melakukan distribusi ulang terhadap distribusi intensitas dari histogram awal.
Jika histogram awal memiliki beberapa puncak dan lembah maka histogram hasil ekualisasi akan tetap memiliki puncak dan lembah. Akan tetapi puncak dan lembah tersebut akan digeser. Histogram hasil ekualisasi akan lebih disebarkan (spreading). Distribusi ulang terhadap histogram awal dilakukan dengan meme-takan setiap nilai pixel pada histogram awal menjadi nilai pixel baru dengan cara sebagai berikut.
Dengan/n(g) adalah nilai pixel baru, N menyatakan banyaknya pixel pada citra (bila citra berukuran 8 x 8 maka N adalah 64), g menyatakan nilai gray level awal yang nilainya dari 1 … L-1 (L menyatakan nilai gray level maksimum). Sedangkan c(g) menyatakan banyaknya pixel yang memiliki nilai sama dengan g atau kurang yang secara matematis dapat dinyatakan sebagai: c(g)=Egi), g =I, 2, . , L-1 (4.13) dengan h(i) menyatakan histogram awal. Berikut contoh penyebaran histogram dengan proses ekualisasi histogram.
Dengan h(i) menyatakan histogram awal. Berikut contoh penyebaran histogram dengan proses ekualisasi histogram.
Tampak pada Gambar 4.9-1 histogram hasil ekualisasi histogram tidak rata (Gambar (b)), hanya mendistribusi ulang histogram awal (Gambar (d)). Ekualisasi histogram ini dapat meningkatkan kualitas kontras citra (lihat Gambar 4.9-1(a) dan (c)).
2.6 Ekualisasi Histogram Adaptif (Adaptif Histogram Equalization)
Pada dasamya ekualisasi histogram adaptif sama dengan ekualisasi histo-gram di atas. Hanya saja pada ekualisasi histogram adaptif, citra dibagi menjadi blok-blok (sub-image) dengan ukuran n x n, kemudian pada setiap blok dilakukan proses ekualisasi histogram. Ukuran blok (n) dapat bervariasi dan setiap ukuran blok akan memberikan hasil yang berbeda. Setiap blok dapat saling tumpang tindih beberapa pixel dengan blok lainnya.
Contoh hasil ekualisasi histogram adaptif ditunjukkan pada Gambar 4.9-2. Pada gambar tersebut disajikan suatu citra retina grayscale 4.9-2 (a), hasil ekualisasi histogram ditunjukkan pada Gambar 4.9-2 (b), dan hasil ekualisasi histogram adaptif dengan ukuran blok 9 x 9 pixel ditunjukkan pada Gambar 4.9-2 (c). Tampak pada gambar tersebut terjadi perbedaan yang cukup signifikan antara hasil ekualisasi histogram tanpa adaptif dan dengan adaptif.
2.7 Penajaman Lokal
Perenggangan kontras dan ekualisasi histogram yang dibahas sebelumnya merupakan proses yang bersifat global, artinya nilai pixel barn diperoleh berdasarkan penyebaran gray level pada keseluruhan citra. Proses penajaman pada citra juga dapat dilakukan secara lokal, yaitu nilai pixel bare dihitung pada suatu window tertentu pada citra kemudian bergerak pixel demi pixel. Nilai pixel bare yang dihitung adalah pixel pada pusat window.
Ekualisasi histogram adaptif adalah contoh lain dari penajaman lokal. Ciri histogram didasarkan pada histogram dari suatu citra. Bila x menyatakan tingkat keabuan pada suatu citra maka probabilitas dari x dinyatakan dengan:
dengan x = 0,…,L-1
Ciri histogram juga sangat berguna dalam analisis bentuk (shape analysis).
Area Chart
3.1 Ikhtisar
Area grafik yang diberikan dalam browser menggunakan SVG atau VML. Menampilkan tips ketika melayang di atas poin.
3.2 Grafik Area Bertumpuk
Secara default, grafik daerah menarik seri di atas satu sama lain. Anda dapat stack mereka atas satu sama lain sebagai gantinya, sehingga nilai-nilai data pada setiap x-nilai dijumlahkan. Dalam bagan daerah, nilai untuk setiap seri akan selalu ditumpuk relatif terhadap nilai seri sebelumnya. Susun campuran nilai-nilai negatif dan positif akan menyebabkan daerah tumpang tindih. Penting untuk dicatat bahwa opsi interpolateNulls tidak bekerja dengan grafik area bertumpuk.
Di sebelah kiri, isStacked diatur ke false (default), dan di sebelah kanan itu diatur ke benar:
Perhatikan bahwa urutan entri legenda berbeda. Dalam grafik kedua, ditumpuk, urutannya dibalik, menempatkan seri 0 di bagian bawah, untuk lebih sesuai dengan susun elemen seri, membuat legenda sesuai dengan data. grafik area bertumpuk juga mendukung 100% susun, dimana tumpukan elemen pada setiap domain-nilai yang rescaled sehingga mereka menambahkan hingga 100%. Pilihan untuk ini isStacked: ‘percent’, yang format setiap nilai sebagai persentase dari 100%, dan isStacked: ‘relative’, yang format setiap nilai sebagai sebagian kecil dari 1. Ada juga pilihan isStacked: ‘absolute’ , yang secara fungsional setara dengan isStacked: true.
Misalkan salah satu seri Anda tidak memiliki data untuk beberapa x-nilai Anda. Misalnya, di tangga lagu di atas, mari kita asumsikan bahwa drone tidak tersedia hingga tahun 2015, dan Segways tidak tersedia pada tahun 2014. Catatan yang kita gunakan nilai null dimana data yang kurang, sehingga grafik akan terlihat seperti ini:
Jika mereka diskontinuitas tidak menarik, Anda dapat mengganti angka nol untuk nulls, dan / atau menetapkan pilihan interpolateNulls untuk benar:
Candlestick Chart
Candlestick merupakan metode yang dikembangkan oleh Munehisa Homma (1724-1803) seorang pedagang beras dari Jepang. Ia menggunakan candlestick untuk melihat psikologis pedagang beras dan meramalkan pergerakan harga tersebut. Sedangkan orang yang mempopulerkan grafik candlestick di dunia barat yaitu Steven Nison pada tahun 1990-an.
Candlestick adalah sebuah jenis grafik yang mengindikasikan kisaran transaksi pada suatu mata uang/saham. Berisi informasi mengenai harga pembukaan (open), harga tertinggi (high), harga terendah (low), dan harga penutupan (close). Jika harga penutupan berada di atas harga pembukaan, maka jenis candle kosong. Sebaliknya jika harga penutupan berada di bawah harga pembukaan (harga turun), maka candle akan berisi. Pola analisis ini diperkenalkan pertama kali oleh para pedagang komuditas di Jepang pada awal abad 18-an.
Candlestick menampilkan harga pembukaan (open), harga terendah (low), dan harga penutupan (close). Harga pembukaan (open) adalah harga yang pertama kali terjadi pada suatu saham di waktu awal pembukaan bursa. Awal waktu pembukaan saham di Bursa Efek Indonesia dimulai pukul 09.00 WIB. Harga tertinggi (high) adalah harga tertinggi yang pernah terjadi dalam satu hari perdagangan saham di bursa saham. Harga terendah (low) adalah harga terendah yang pernah terjadi dalam satu hari perdagangan saham di bursa saham. Sedangkan harga penutupan (close) adalah harga terakhir kali terjadi pada suatu saham di waktu akhir menjelang penutupan bursa saham. Bursa Efek Indonesia berakhir pukul 16.00 WIB. Shadow atau bayangan adalah harga tertinggi atau terendah yang terjadi pada hari itu. Sedangkan panjang badan candle mencerminkan jarak pergerakan harga.
Candle Putih berarti harga penutupan lebih besar dari pada harga pembukaan, artinya pergerakan saham pada hari itu bergerak naik. Candle Putih sering disebut bullish. Sedangkan Candle Hitam berarti harga penutupan lebih kecil dari pada harga pembukaan, artinya pergerakan harga saham pada hari itu bergerak turun. Candle Hitam sering disebut bearish. Candlestick menunjukkan periode pergerakan saham dalam satu minggu, satu bulan atau satu tahun, bergantung dengan setting dari chart yang digunakan.
Bar Chart
Barchart adalah jenis grafik yang digunakan untuk menampilkan dan membandingkan jumlah, frekuensi atau ukuran lainnya (misalnya mean) untuk kategori diskrit data yang berbeda. Bar chart salah satu jenis yang paling umum digunakan dari grafik karena mereka mudah untuk membuat dan sangat mudah untuk menafsirkan. Mereka juga tipe grafik yang fleksibel dan ada beberapa variasi dari bar chart standar termasuk grafik horisontal bar, dikelompokkan atau grafik komponen, dan ditumpuk bar chart. Pada contoh di bawah, yang menunjukkan persentase penduduk Inggris yang menghadiri berbagai acara budaya selama 1999-2000, jenis acara adalah kategori diskrit data.
Grafik dibangun sedemikian rupa sehingga panjang dari bar yang berbeda sebanding dengan ukuran kategori yang mereka wakili. Sumbu x mewakili kategori yang berbeda dan tidak memiliki skala. Dalam rangka untuk menekankan fakta bahwa kategori diskrit, kesenjangan yang tersisa antara bar pada sumbu x. Sumbu y memang memiliki skala dan ini menunjukkan unit pengukuran
5.1 Sejarah Bar Chart
Barchart atau bagan balok Barchart ditemukan oleh L. Gantt Chart dan Fredick W. Taylor dalam bentuk bagan balok, panjang balok mempresentasikan sebagai durasi setiap kegiatan. Keuntungan dari bagan balok ini adalah imformatif, mudah dibaca dan efektif untuk komunikasi serta dapat dibuat dengan mudah dan sederhana. Selain itu pada bagan balok ini juga dapat ditentukan milestone sebagai bagian target yang harus diperhatikan guna kelancaran produktifitas proyek secara keseluruhan Pada proses updating, bagan balok dapat diperpendek atau diperpanjang, yang menunjukkan bahwa durasi kegiatan akan bertambah atau berkurang sesuai kebutuhan dalam proses perbaikan jadwal.
Banyak sumber mempertimbangkan William Playfair (1759-1823) telah menciptakan grafik bar dan ekspor dan impor dari Skotlandia ke dan dari bagian yang berbeda untuk satu tahun dari 1780 Natal Natal 1781 grafik dari The komersial dan politik Atlas menjadi grafik bar pertama dalam sejarah. Diagram kecepatan dari sebuah objek yang terus-menerus mempercepat melawan waktu diterbitkan dalam The Latitude bentuk (dikaitkan Martino Jacobus de Sancto atau, mungkin, Nicole Oresme) [1] sekitar 300 tahun sebelum dapat ditafsirkan sebagai “grafik batang proto”.
5.2 Tipe Data Yang Bisa Ditampilkan Menggunakan Bar Chart
Bar chart berguna untuk menampilkan data yang diklasifikasikan ke dalam kategori nominal atau ordinal. Data Nominal dikategorikan menurut informasi deskriptif atau kualitatif seperti county lahir, atau subjek belajar di universitas. Data ordinal serupa tetapi kategori yang berbeda juga dapat peringkat, misalnya dalam survei orang mungkin diminta untuk mengatakan apakah mereka berpikir sesuatu yang sangat miskin, miskin, adil, baik atau sangat baik.
Dengan data nominal, mengatur kategori sehingga berurutan bar kelas dari kategori terbesar untuk kategori terkecil membantu pembaca untuk menafsirkan data. Namun, hal ini tidak sesuai untuk data ordinal karena kategori sudah memiliki urutan yang jelas. Bar chart juga berguna untuk menampilkan data yang meliputi kategori dengan nilai-nilai negatif, karena mungkin untuk posisi bar di bawah dan di atas sumbu x.
5.3 Jenis-Jenis Bar Chart
5.3.1 Bar Chart Horisontal
Bar chart biasanya ditarik sehingga bar vertikal yang berarti bahwa tinggi bar, lebih besar kategori. Namun, hal ini juga mungkin untuk menarik bar chart sehingga bar horizontal yang berarti bahwa semakin lama bar, lebih besar kategori. Ini adalah cara yang sangat efektif untuk menyajikan data ketika kategori yang berbeda memiliki judul panjang yang akan sulit untuk menyertakan bawah bar vertikal, atau ketika ada sejumlah besar kategori yang berbeda dan ada cukup ruang untuk cocok untuk semua kolom yang diperlukan untuk bar chart vertikal di seluruh halaman.
Perhatikan, bahwa dalam Excel grafik di mana bar disajikan secara vertikal disebut sebagai bagan kolom, sementara grafik dengan batang horizontal disebut bar chart.
5.3.2 Pengkelompokan Bar Chart
- Bar Chart Kelompok adalah cara untuk menunjukkan informasi tentang berbagai sub-kelompok dari kategori utama. Pada contoh di bawah, sebuah bar chart dikelompokkan digunakan untuk menunjukkan skema yang berbeda (sub-kelompok) dengan kategori yang berbeda dari bahan rumah tangga didaur ulang.
Sebuah bar terpisah mewakili masing-masing sub-kelompok (mis situs kemudahan sipil) dan ini biasanya berwarna atau berbayang berbeda untuk membedakan antara mereka. Dalam kasus tersebut, legenda atau kunci biasanya disediakan untuk menunjukkan apa yang sub-kelompok masing-masing nuansa / warna wakili. Legenda bisa ditempatkan di daerah plot atau mungkin terletak di bawah grafik.
Kelompok Bar Chart dapat digunakan untuk menampilkan beberapa sub-kelompok masing-masing kategori, tetapi perawatan harus diambil untuk memastikan bahwa grafik tidak mengandung terlalu banyak informasi sehingga rumit untuk membaca dan menafsirkan. Dikelompokkan bar chart dapat ditarik sebagai kedua grafik horizontal atau vertikal tergantung pada sifat dari data yang akan disajikan.
5.3.3 Pertumpukan Bar Chart
Pertmupukan Bar Chart mirip dengan grafik bar dikelompokkan dalam bahwa mereka digunakan untuk menampilkan informasi tentang sub-kelompok yang membentuk kategori yang berbeda. Dalam grafik bar ditumpuk bar yang mewakili sub-kelompok ditempatkan di atas satu sama lain untuk membuat satu kolom, atau berdampingan untuk membuat sebuah bar tunggal. Tinggi keseluruhan atau panjang bar menunjukkan ukuran total kategori sementara warna yang berbeda atau nuansa digunakan untuk menunjukkan kontribusi relatif.
Contoh dari bar chart ditumpuk:
Berlangganan satelit dan TV kabel dengan pendudukan kepala rumah
Pertumpukan Bar Chart juga dapat digunakan untuk menunjukkan persentase kontribusi yang berbeda sub-kelompok berkontribusi untuk setiap kategori terpisah. Dalam hal ini bar yang mewakili kategori individu semua ukuran yang sama. Informasi tersebut juga dapat disajikan dalam serangkaian pie chart.
5.3.4 Mewarnai Bar
Lihat grafik kepadatan dari empat logam mulia:
Gambar di atas, semua warna adalah biru. Itu karena mereka semua bagian dari seri yang sama; jika ada seri kedua, yang akan menjadi berwarna merah. Kita dapat menyesuaikan warna-warna ini dengan peran gaya:
Ada tiga cara yang berbeda untuk memilih warna, dan tabel data kami menampilkan mereka semua: nilai RGB, nama warna bahasa Inggris, dan deklarasi CSS seperti:
var data = google.visualization.arrayToDataTable([
[‘Element’, ‘Density’, { role: ‘style’ }],
[‘Copper’, 8.94, ‘#b87333’], // RGB value
[‘Silver’, 10.49, ‘silver’], // English color name
[‘Gold’, 19.30, ‘gold’],
[‘Platinum’, 21.45, ‘color: #e5e4e2’ ], // CSS-style declaration
]);
5.3.5 Gaya Bar
Peran gaya memungkinkan anda mengontrol beberapa aspek dari bar penampilan dengan deklarasi CSS seperti:
- Warna
- Kegelapan
- Isi warna
- Mengisi opacity
- Stroke warna
- Stroke opacity
- Stroke lebar
Kita tidak menyarankan anda mencampur gaya terlalu bebas dalam bagan-memilih gaya dan tetap dengan itu-tapi untuk menunjukkan semua atribut gaya, inilah sampler:
Pertama dua bar setiap menggunakan warna tertentu (yang pertama dengan nama Inggris, yang kedua dengan nilai RGB). Tidak ada opacity dipilih, sehingga default dari 1,0 (sangat lengkap) digunakan; itu sebabnya bar kedua mengaburkan gridline belakangnya.
Di bar ketiga, opacity 0,2 digunakan, mengungkapkan gridline tersebut. Di bar keempat, tiga atribut gaya yang digunakan: stroke warna dan stroke-width untuk menarik perbatasan, dan mengisi warna untuk menentukan warna persegi panjang di dalam. Bar paling kanan tambahan menggunakan langkah-opacity dan mengisi opacity untuk memilih kekeruhan untuk perbatasan dan isi:
function drawChart() {
var data = google.visualization.arrayToDataTable([
[‘Year’, ‘Visitations’, { role: ‘style’ } ],
[‘2010’, 10, ‘color: gray’],
[‘2020’, 14, ‘color: #76A7FA’],
[‘2030’, 16, ‘opacity: 0.2’],
[‘2040’, 22, ‘stroke-color: #703593; stroke-width: 4; fill-color: #C5A5CF’],
[‘2050’, 28, ‘stroke-color: #871B47; stroke-opacity: 0.6; stroke-width: 8; fill-color: #BC5679; fill-opacity: 0.2’]]);
5.3.6 Label Bar
Grafik memiliki beberapa jenis label, seperti label centang, label legenda, dan label dalam tooltips. Pada bagian ini, kita akan melihat bagaimana untuk menempatkan label dalam (atau dekat) bar di bar chart. Katakanlah kita ingin membubuhi keterangan masing-masing bar dengan simbol kimia yang sesuai. Kita dapat melakukannya dengan peran penjelasan:
Pada tabel data, kita mendefinisikan kolom baru dengan { role: ‘annotation’ } memegang bar label kita:
var data = google.visualization.arrayToDataTable([
[‘Element’, ‘Density’, { role: ‘style’ }, { role: ‘annotation’ } ],
[‘Copper’, 8.94, ‘#b87333’, ‘Cu’ ],
[‘Silver’, 10.49, ‘silver’, ‘Ag’ ],
[‘Gold’, 19.30, ‘gold’, ‘Au’ ],
[‘Platinum’, 21.45, ‘color: #e5e4e2’, ‘Pt’ ]
]);
Sementara pengguna dapat mengarahkan kursor ke bar untuk melihat nilai-nilai data yang mungkin ingin meletakkan bar-nya:
Ini sedikit lebih rumit dari yang seharusnya, karena kita membuat DataView untuk menentukan penjelasan untuk setiap bar.
Softskill 