表ç¾åŠ›ã®é«˜ã•ã«é©šã。HTML5/Canvasグラフライブラリ·Flotr2 MOONGIFT
Flotr2ã¯HTML5/Canvasを使ã£ãŸã‚°ãƒ©ãƒ•æ画ライブラリã§ã™ã€‚ ã“ã‚Œã¾ã§ã‚°ãƒ©ãƒ•ã¨è¨€ãˆã°Flashã‚„ç”»åƒå‡ºåŠ›ãŒå¤šã‹ã£ãŸã§ã™ãŒã€HTML5ãŒä½¿ã‚れるよã†ã«ãªã£ãŸã“ã¨ã§ãã£ã¨è¡¨ç¾åŠ›ã®é«˜ã„グラフをWeb標準ã®æŠ€è¡“ã§å®Ÿè£…ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ãã®è¡¨ç¾åŠ›ã‚’知るã®ã«ãŠå‹§ã‚ã—ãŸã„ã®ãŒFlotr2ã§ã™ã€‚ ãŸãã•ã‚“ã®ã‚µãƒ³ãƒ—ルãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚一気ã«ç´¹ä»‹ã—ã¾ã™ã€‚ 線グラフã§ã™ã€‚ 途ä¸ã§é€”切れãŸæ›²ç·šã®ã‚°ãƒ©ãƒ•ã‚‚æã‘ã¾ã™ã€‚ 棒グラフã§ã™ã€‚ マウスオーãƒãƒ¼ã§å€¤ã‚’表示ã§ãã¾ã™ã€‚ ç©ã¿ä¸Šã’グラフã§ã™ã€‚ 円グラフã§ã™ã€‚ レーダーãƒãƒ£ãƒ¼ãƒˆã€‚ 範囲グラフ。 ãƒãƒ¼ã‚½ã‚¯ãƒãƒ£ãƒ¼ãƒˆã§ã™ã€‚ 滑らã‹ãªæ›²ç·šã®ã‚°ãƒ©ãƒ•ã§ã™ã€‚ マウスオーãƒãƒ¼ã§ã‚°ãƒªãƒƒãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ マウスズームã®ãƒ‡ãƒ¢ã§ã™ã€‚ マウスã§ä¸€éƒ¨ã®ç¯„囲を指定ã§ãã¾ã™ã€‚ 折れ線グラフã§ã™ã€‚ マイナスã®å€¤ã«ã‚‚対応。 クリックã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ã‚°ãƒ©ãƒ•ã‚’æãã¾ã™ã€‚ ç”»åƒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰
humble software development - flotr2
Introduction Flotr2 is a library for drawing HTML5 charts and graphs. It is a branch of flotr which removes the Prototype dependency and includes many improvements. Features: mobile support framework independent extensible plugin framework custom chart types FF, Chrome, IE6+, Android, iOS lines bars candles pies bubbles Usage To use Flotr2, include the flotr2.min.js script in your page and create
HTML5ã®canvas機能ã§ç¶ºéº—ãªã‚°ãƒ©ãƒ•ãŒä½œã‚Œã‚‹ï¼ã€ŒFlotr2ã€ã‚’試ã—ã¦ã¿ãŸ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
HTML5ã®canvas機能を使用ã—ã¦ã‚°ãƒ©ãƒ•ãŒä½œæˆå‡ºæ¥ã‚‹ãƒ©ã‚¤ãƒ–ラリã€ã€ŒFlotr2ã€ãŒã¨ã¦ã‚‚ç´ æ•µã ã£ãŸã®ã§è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚グラフã¯å††ã‚°ãƒ©ãƒ•ãƒ»æ£’グラフ・折れ線グラフãªã©æ§˜ã€…ãªå½¢ã§ã®è¡¨ç¾ãŒå¯èƒ½ã§ã™ã€‚ 使用方法 使用ã™ã‚‹ã¨ãã®ãƒ«ãƒ¼ãƒ«ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ 「flotr2.min.jsã€ã‚’èªã¿è¾¼ã‚€ グラフを表示ã™ã‚‹divã®IDåを決ã‚ã¦ã€ã‚½ãƒ¼ã‚¹ã‚’書ãæ›ãˆã‚‹ï¼ˆãƒ‡ãƒ¢ã§ã¯ã€Œ#graphã€ï¼‰ 上記IDã«widthã€heightã‚’è¨å®šã™ã‚‹ ã‚ã¨ã¯ã‚µãƒ³ãƒ—ルã®ã‚½ãƒ¼ã‚¹ã®æ•°å€¤ã‚„é …ç›®åãªã©æ›¸ãæ›ãˆã‚Œã°OK。 デモ 表ç¾å‡ºæ¥ã‚‹ã‚°ãƒ©ãƒ•ãŒç´¹ä»‹ã—ãã‚Œãªã„ãらã„ãŸãã•ã‚“ã‚ã‚‹ã®ã§ã€æ±Žç”¨æ€§ã®ã‚る折れ線グラフã€ãƒ¬ãƒ¼ãƒ€ãƒ¼ãƒãƒ£ãƒ¼ãƒˆã€å††ã‚°ãƒ©ãƒ•ã‚’試ã—ã¦ã¿ã¾ã—ãŸã€‚ 折れ線グラフ デモページã¯ã“ã¡ã‚‰ <br /> <!DOCTYPE html><br /> <html lang="ja" dir="ltr"><br /> <head><br />
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ãªãœäººã¯è¡Œåˆ—ã®ã§ããŸãƒ©ãƒ¼ãƒ¡ãƒ³å±‹ã«ä¸¦ã¶ã®ã‹ï¼Ÿï¼šãã“ã«éš ã•ã‚ŒãŸæ ªä¾¡æš´è½ã®ãƒ’ミツ
高血圧å‘ã‘食事ナビ ｜ 血圧を下ã’る食事ã®æƒ…å ±ãŒæº€è¼‰ã®ãŠå½¹ç«‹ã¡ã‚µã‚¤ãƒˆ
{{#tags}}- {{label}}
{{/tags}}