twitter
    join me to learn together :D

Senin, 28 November 2011

membuat chart menggunakan library highcharts

Sekarang saya sedang mendapat project membuat aplikasi yang didalamnya terdapat fasilitas chart atau grafik, beruntung ada teman saya yang mempunyai sebuah library javascript keren untuk membuat grafik, library ini bernama highcharts. 

Dalam tulisan ini saya hanya membuat ulasan singkatnya saja (soalnya lagi males bikin tutorial hehe..),
highcharts ini bisa kita rubah tipenya sesuai kebutuhan kita, contoh jika kita ingin membuat diagram untuk menampilkan data suhu dibeberapa tempat dalam jangka beberapa waktu kita bisa menggunakan line chart, atau jika kita ingin menampilkan beberapa jenis data berdasarkan presentase-nya lebih disarankan menggunakan pie chart (chart yang berbentuk lingkaran).



Ok, inilah beberapa jenis chart dari highcharts yang bisa kita gunakan sesuai kebutuhan kita :
1. Line and Scatter Chart,

chart ini lebih cocok untuk data statistik yang berskala, misalkan data suhu disebuah tempat dari bulan januari sampai desember. tipe chart ini pun memiliki beberapa jenis chart diantaranya :
  • Basic line
  • Ajax loaded data, clickable points
  • With data labels
  • Time series, zoomable
  • Spline with inverted axes
  • Spline with symbols
  • Spline with plot bands
  • Time data with irregular intervals
  • Scatter plot

2.  Area Chart
beberapa jenis Chartnya :

  • Basic area
  • Area with negative values
  • Stacked area
  • Percentage area
  • Area with missing points
  • Inverted axes
  • Area-spline

3. Column And Bar Chart
 Jenis Chartnya :

  • Basic bar
  • Stacked bar
  • Bar with negative stack
  • Basic column
  • Column with negative values
  • Stacked column
  • Stacked and grouped column
  • Stacked percentage column
  • Column with rotated labels
  • Column with drilldown
  • Data defined in a HTML table

4. Pie Chart
Jenis Chartnya:
  • Pie chart
  • Donut chart
  • Pie with legend

5. Dynamic Chart
Jenis Chartnya :
  • Spline updating each second
  • Click to add a point
  • Master-detail chart

6.Combination
Jenis Chartnya :
  • Column, line and pie
  • Dual axes, line and column
  • Multiple axes
  • Scatter with regression line
Selain itu, highcharts juga memberi fasilitas print dan download dalam berbagai format untuk chart yang sudah kita buat.

untuk library-nya anda bisa mendownload di http://www.highcharts.com/download.

1 komentar:

  1. highchart,mantep om... smga bs menandingi chart yg diniliki excel dan mathcad,..haha

    BalasHapus