Inspirasi Charts for WordPress

Inspirasi Charts for WordPress adalah sebuah plugin untuk menampilkan visualisasi data berbentuk chart yang menarik di website Anda.

Instalasi

Silakan download terlebih dahulu plugin yang telah Anda beli di halaman akun Anda. Kemudian upload ke website Anda di menu Plugins > Add New Plugin > Upload Plugin > Choose File > Install Now.

Setelah berhasil melakukan instalasi, silakan klik Activate untuk plugin Inspirasi Charts for WordPress di halaman Plugins.

Shortcode

Plugin ini menggunakan metode “shortcode” untuk menampilkan charts. Contoh shortcode:

[inchart type="line" labels="Jan, Feb, Mar, Apr, May" data="10, 20, 15, 25, 30" name="Product A" height="350"]

Beberapa atribut yang terdapat dalam shortcode adalah

1. type : memilih tipe chart (line, bar, area, pie, donut, radialBar, dan scatter)
2. labels : variabel yang menjadi acuan penyajian data
3. data : nilai data dari setiap label
4. name : identitas untuk data yang ditampilkan
5. height : tinggi chart dalam pixels

Berikut ini adalah contoh penyajian data dari berbagai tipe data:

Line, Bar, Area, dan Scatter Chart

Penggunaan 4 model chart ini relatif sama, Anda hanya tinggal mengganti atribut type dengan bar, area, atau scatter. Empat model ini bisa menampung 4 data yang berbeda. Lihat contoh berikut.

1 Data (Line Chart)

[inchart type="line" labels="Jan, Feb, Mar, Apr, May" data="10, 20, 15, 25, 30" name="Penjualan Plugin" height="350"]

2 Data (Bar Chart)

[inchart type="bar" labels="Jan, Feb, Mar, Apr, May" data="10, 20, 15, 25, 30" data2="12, 15, 22, 28, 21" name="Samsung, Apple" height="350"]

3 Data (Area Chart)

[inchart type="area" labels="Jan, Feb, Mar, Apr, May" data="50, 60, 60, 80, 90" data2="45, 55, 35, 75, 85" data3="40, 30, 60, 50, 80" name="Netflix, Disney+, HBO Max" height="350"]

4 Data (Scatter Chart)

[inchart type="scatter" labels="Q1, Q2, Q3, Q4" data="100, 120, 140, 160" data2="90, 110, 130, 150" data3="80, 100, 120, 140" data4="70, 90, 110, 130" name="AWS, Azure, Google Cloud, IBM Cloud" height="350"]

Pie, Donut, dan Radial Bar Chart

Penggunaan 3 model chart ini relatif sama, Anda hanya tinggal mengganti atribut type dengan pie, donut, dan radial. Tiga model ini hanya bisa menampilkan 1 data.

Pie Chart

[inchart type="pie" labels="Chrome, Safari, Edge, Firefox" data="60, 20, 10, 10" name="Browser Usage" height="350"]

Donut Chart

[inchart type="donut" labels="Electronics, Clothing, Groceries, Furniture" data="40, 30, 20, 10" name="Sales Distribution" height="350"]

Radial Bar Chart

[inchart type="radialBar" labels="Project A, Project B, Project C, Project D" data="80, 70, 90, 60" name="Completion Rate" height="350"]

Update

Untuk melakukan update, Anda bisa menuju ke Plugins dan cari plugin Inspirasi Charts for WordPress. Bila ada pembaharuan dari kami, Anda cukup melakukan klik Update Now seperti gambar di bawah.