flotr2 BarChart µé¿©´Ùº¸±â
¾Õ¿¡¼ °£´ÜÇÏ BarChart¸¦ ¼Ò°³Çß´Ù. ÀÌ BarChart¸¦ °¡Áö°í flotr2·Î ÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ±â´ÉµéÀ» È®ÀåÇغ¸ÀÚ.
¸ÕÀú, ¾Õ¿¡¼ ½è´ø ¼Ò½º¸¦ Á¶±Ý ´õ ¼öÁ¤Çغ¸ÀÚ.(¾ÕÀ¸·Î ¿¹Á¦¸¦ Ç¥½ÃÇÒ ¶§´Â
Â÷Æ®¸¦ ±×¸®´Â JavaScriptºÎºÐ¸¸ ¿¹½Ã·Î µé°í, ³ª¸ÓÁö CSS, JavaScript¿ÜºÎ¶óÀ̺귯¸® ·Îµå,
IE´ëÀÀ°ü·Ã FlashCanvas·Îµå, DIVű׵î°ú °°Àº ºÎºÐµéÀº ¾ÕÀå¿¡¼ ¼³¸íÇßÀ¸¹Ç·Î »ý·«ÇÏ°Ú´Ù. )
°¡Àå ÇÙ½ÉÀÌ µÇ´Â ¹®ÀåÀº Flotr.draw() ÇÔ¼öÀÌ´Ù. ÀÌ ÇÔ¼ö°¡ ½ÇÁ¦·Î ±×¸®´Â ¿ªÇÒÀ» ¼öÇàÇÏ°Ô µÈ´Ù.
Flotr.draw( ±×·Á¾ßÇÒ À§Ä¡, µ¥ÀÌÅÍ ¹è¿, ¿É¼Ç-Hash°ª );
flotr2 Â÷Æ®ÀÇ ¿É¼Çµé
flotr2 Â÷Æ®¿¡´Â ´Ù¾çÇÑ ¿É¼ÇµéÀÌ Á¸ÀçÇÑ´Ù. ÀÌ·¯ÇÑ ¿É¼ÇÀ» ã¾Æº¸´Â ¹æ¹ý °¡Àå ÁÁÀº ¹æ¹ýÀº
¿øº» Source¿¡¼ ¾î¶² Ç׸ñµéÀÌ Áö¿øµÇ´ÂÁö È®ÀÎÇغ¸´Â °ÍÀÌ´Ù.
»õâ¿¡¼ Source ¿±â
À§ÀÇ ¼Ò½ºÄڵ忡¼ Flotr.defaultOptions ¸¦ ãÀ¸¸é, ±× ¾Æ·¡¿¡ ´Ù¾çÇÑ ¿É¼ÇµéÀ» º¼ ¼ö ÀÖ´Ù. (´ë·« 1,600¶óÀÎÂë µÈ´Ù.)
´ÙÀ½Àº ¸ðµç Â÷Æ®¿¡¼ »ç¿ëµÇ´Â ¾µ¸¸ÇÑ ¿É¼ÇÁ¤º¸µéÀÌ´Ù.
¿É¼Ç | ¼³¸í |
colors | Â÷Æ®ÀÇ »ö»ó, ±âº»5°³·Î ·ÎÅ×ÀÌ¼ÇµÊ |
title | Â÷Æ® Á¦¸ñ |
HtmlText | Â÷Æ®¿¡ »ç¿ëµÇ´Â ±ÛÀڵ鿡 HTMLÀû¿ëÇÒÁö ¿©ºÎ |
fontColor | ±ÛÀÚ »ö»ó |
preventDefault | ¸ð¹ÙÀϴܸ»±â¿¡¼ ½ºÅ©·ÑµÇµµ·Ï ÇÒÁö ¿©ºÎ (ÀÌ °Ç º»ÀÎÀÌ ¿äûÇؼ Ãß°¡µÈ ¿É¼ÇÀÌ´Ù.) |
xaxis | XÃà Á¤º¸ ¼³Á¤ (ÇÏ´Ü) |
x2axis | XÃà Á¤º¸ ¼³Á¤ (»ó´Ü) |
yaxis | YÃà Á¤º¸ ¼³Á¤ (¿ÞÂÊ) |
y2axis | YÃà Á¤º¸ ¼³Á¤ (¿À¸¥ÂÊ) |
grid | Â÷Æ® ¹è°æ °ÝÀÚ¼± |
mouse | ¸¶¿ì½º À̺¥Æ® ó¸® ¹æ¹ý |
À§¿Í °°Àº ¼³Á¤µéÀº Çϳª¾¿ Å×½ºÆ®Çغ¸¸é¼ ¾î¶»°Ô Áö¿øµÇ´ÂÁö È®ÀÎÇÒ ÇÊ¿ä°¡ ÀÖ´Ù.
¾Æ·¡´Â ´Ù¾çÇÑ ¿É¼ÇÀ» Á¦°øÇؼ ¸¸µç BarChar »ùÇÃÀÌ´Ù. ¼Ò½º´Â ¾Æ·¡¿¡ ÀÖ´Ù.
Link : »õâ¿¡¼ ¿±â
¹ÙÂ÷Æ®ÀÇ ±âº»Àº ÀÌÁ¤µµ·Î ¸¶Ä£´Ù. ´Ù¾çÇÏ°Ô ¿É¼ÇµéÀ» ¼¯¾î°¡¸é¼ Å×½ºÆ® ÇØ°¡¸é µÉ °ÍÀÌ´Ù. ´ÙÀ½ ÆäÀÌÁö¿¡¼´Â
BarChart¿¡ ´ëÇÏ¿© Ãß°¡ÀûÀÎ À¯¿ëÇÑ ±â´Éµé ¸î°¡Áö¸¦ ´õ ¼Ò°³ÇÏ°Ú´Ù.
- Last Update : 2013.06.24 by Deadfire(http://www.deadfire.net)
|