FusionCharts

Manfaat FusionCharts adalah memungkinkan Anda membuat bagan interaktif, berdasarkan data tanpa menulis kode JavaScript apa pun.

JavaScript dan kode HTML digunakan untuk menghasilkan bagan di browser dan kode HTML yang diperlukan sebagai string, yang kemudian digunakan untuk merender grafik pada halaman browser.

Di bagian ini, akan ditunjukkan bagaimana Anda dapat membuat bagan sederhana menggunakan FusionCharts

Contoh bagan 2D kolom sederhana yang memplot pendapatan bulanan untuk tahun lalu. Data untuk bagan ditampilkan dalam tabel di bawah ini:

Bagan 2D kolom yang ditampilkan akan terlihat seperti ini:

Untuk membuat bagan ini dijelaskan di bawah ini:

Step 1 :

Step 2:

Include the FusionCharts.java file as a package in your project.

Step 3:

Include the package in the file where you want to show FusionCharts.

Step 4:

Create a chart object using the FusionCharts JAVA class constructor. Syntax for the constructor:

FusionCharts("type of chart", "unique chart id", "width of chart", "height of chart", "div id to render the chart", "data format", "data source")

  

Step 5:

Render the chart.

  

Final template

The full HTML code for the example looks as under:

  

sumber :https://www.fusioncharts.com/dev/using-with-server-side-languages/java/introduction