flotr2 »ç¿ë¹ý


flotr2 BarChart µé¿©´Ùº¸±â

  ¾Õ¿¡¼­ °£´ÜÇÏ BarChart¸¦ ¼Ò°³Çß´Ù. ÀÌ BarChart¸¦ °¡Áö°í flotr2·Î ÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ±â´ÉµéÀ» È®ÀåÇغ¸ÀÚ.

  ¸ÕÀú, ¾Õ¿¡¼­ ½è´ø ¼Ò½º¸¦ Á¶±Ý ´õ ¼öÁ¤Çغ¸ÀÚ.(¾ÕÀ¸·Î ¿¹Á¦¸¦ Ç¥½ÃÇÒ ¶§´Â Â÷Æ®¸¦ ±×¸®´Â JavaScriptºÎºÐ¸¸ ¿¹½Ã·Î µé°í, ³ª¸ÓÁö CSS, JavaScript¿ÜºÎ¶óÀ̺귯¸® ·Îµå, IE´ëÀÀ°ü·Ã FlashCanvas·Îµå, DIVű׵î°ú °°Àº ºÎºÐµéÀº ¾ÕÀå¿¡¼­ ¼³¸íÇßÀ¸¹Ç·Î »ý·«ÇÏ°Ú´Ù. )

Link : »õâ¿¡¼­ ¿­±â



  °¡Àå ÇÙ½ÉÀÌ µÇ´Â ¹®ÀåÀº Flotr.draw() ÇÔ¼öÀÌ´Ù. ÀÌ ÇÔ¼ö°¡ ½ÇÁ¦·Î ±×¸®´Â ¿ªÇÒÀ» ¼öÇàÇÏ°Ô µÈ´Ù.

    Flotr.draw( ±×·Á¾ßÇÒ À§Ä¡, µ¥ÀÌÅÍ ¹è¿­, ¿É¼Ç-Hash°ª );

flotr2 Â÷Æ®ÀÇ ¿É¼Çµé

  flotr2 Â÷Æ®¿¡´Â ´Ù¾çÇÑ ¿É¼ÇµéÀÌ Á¸ÀçÇÑ´Ù. ÀÌ·¯ÇÑ ¿É¼ÇÀ» ã¾Æº¸´Â ¹æ¹ý °¡Àå ÁÁÀº ¹æ¹ýÀº ¿øº» Source¿¡¼­ ¾î¶² Ç׸ñµéÀÌ Áö¿øµÇ´ÂÁö È®ÀÎÇغ¸´Â °ÍÀÌ´Ù.

  »õâ¿¡¼­ Source ¿­±â

  À§ÀÇ ¼Ò½ºÄڵ忡¼­ Flotr.defaultOptions ¸¦ ãÀ¸¸é, ±× ¾Æ·¡¿¡ ´Ù¾çÇÑ ¿É¼ÇµéÀ» º¼ ¼ö ÀÖ´Ù. (´ë·« 1,600¶óÀÎÂë µÈ´Ù.)

  ´ÙÀ½Àº ¸ðµç Â÷Æ®¿¡¼­ »ç¿ëµÇ´Â ¾µ¸¸ÇÑ ¿É¼ÇÁ¤º¸µéÀÌ´Ù.

¿É¼Ç¼³¸í
colorsÂ÷Æ®ÀÇ »ö»ó, ±âº»5°³·Î ·ÎÅ×À̼ǵÊ
titleÂ÷Æ® Á¦¸ñ
HtmlTextÂ÷Æ®¿¡ »ç¿ëµÇ´Â ±ÛÀڵ鿡 HTMLÀû¿ëÇÒÁö ¿©ºÎ
fontColor±ÛÀÚ »ö»ó
preventDefault¸ð¹ÙÀϴܸ»±â¿¡¼­ ½ºÅ©·ÑµÇµµ·Ï ÇÒÁö ¿©ºÎ (ÀÌ °Ç º»ÀÎÀÌ ¿äûÇؼ­ Ãß°¡µÈ ¿É¼ÇÀÌ´Ù.)
xaxisXÃà Á¤º¸ ¼³Á¤ (ÇÏ´Ü)
x2axisXÃà Á¤º¸ ¼³Á¤ (»ó´Ü)
yaxisYÃà Á¤º¸ ¼³Á¤ (¿ÞÂÊ)
y2axisYÃà Á¤º¸ ¼³Á¤ (¿À¸¥ÂÊ)
gridÂ÷Æ® ¹è°æ °ÝÀÚ¼±
mouse¸¶¿ì½º À̺¥Æ® ó¸® ¹æ¹ý


  À§¿Í °°Àº ¼³Á¤µéÀº Çϳª¾¿ Å×½ºÆ®Çغ¸¸é¼­ ¾î¶»°Ô Áö¿øµÇ´ÂÁö È®ÀÎÇÒ ÇÊ¿ä°¡ ÀÖ´Ù.

  ¾Æ·¡´Â ´Ù¾çÇÑ ¿É¼ÇÀ» Á¦°øÇؼ­ ¸¸µç BarChar »ùÇÃÀÌ´Ù. ¼Ò½º´Â ¾Æ·¡¿¡ ÀÖ´Ù.

Link : »õâ¿¡¼­ ¿­±â



  ¹ÙÂ÷Æ®ÀÇ ±âº»Àº ÀÌÁ¤µµ·Î ¸¶Ä£´Ù. ´Ù¾çÇÏ°Ô ¿É¼ÇµéÀ» ¼¯¾î°¡¸é¼­ Å×½ºÆ® ÇØ°¡¸é µÉ °ÍÀÌ´Ù. ´ÙÀ½ ÆäÀÌÁö¿¡¼­´Â BarChart¿¡ ´ëÇÏ¿© Ãß°¡ÀûÀÎ À¯¿ëÇÑ ±â´Éµé ¸î°¡Áö¸¦ ´õ ¼Ò°³ÇÏ°Ú´Ù.

- Last Update : 2013.06.24 by Deadfire(http://www.deadfire.net)

Tip & Tech

Copyright ¨Ï 1997 ~, Deadfire Program Master