ãŸã£ãŸï¼˜è¡Œï¼ã‚ャンãƒã‚¹ã‚’ワンクリックã§ä¿å˜ã•ã›ã‚‹JavaScriptコード（IEも大丈夫） – console dot logå‰å›žã®ã€Œã‚³ãƒ”ペã§OKï¼Chart.js ã®æ•°å—を３æ¡ã‚«ãƒ³ãƒžã§è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã€ã§ã‚‚書ãã¾ã—ãŸã‘ã©ã€HTML5ã®canvasを使ã£ã¦ã‚°ãƒ©ãƒ•ã‚’æã開発をã—ã¦ã¾ã™ã€‚ canvasã¯ä¹…ã—ã¶ã‚Šã«ã•ã‚ã‚Šã¾ã—ãŸã‘ã©ã€ã‚ˆã考ãˆãŸã‚‰ã“ã‚Œã£ã¦çµæ§‹ä½¿ã„å‹æ‰‹ã„ã„ã§ã™ã‚ˆã。chart.jsãŒã‚„ã£ã¦ã‚‹ã¿ãŸã„ã«å¯å¤‰çš„ã«ç”»åƒã‚’変更ã§ãã¾ã™ã—ã€é€Ÿåº¦ã‚‚é…ãã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§ã€‚ ã§ã€ãã®å¾Œã‚ャンãƒã‚¹ã‚’ç”»åƒã§ä¿å˜ã™ã‚‹å¿…è¦ãŒã§ã¦ããŸã‚“ã§è‰²ã€…ã¨æŽ¢ã£ã¦ã¿ãŸçµæžœã€ãªã‚“ã¨ï¼ˆDL部分ã¯ï¼‰ãŸã£ãŸï¼˜è¡Œã§å®Ÿç¾ã§ãã‚‹ã“ã¨ãŒåˆ†ã‹ã£ãŸã‚“ã§ã€ã‚·ã‚§ã‚¢ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚（ã—ã‹ã‚‚ã‚ã®ã«ã£ããインターãƒãƒƒãƒˆã‚¨ã‚¯ã‚¹ãƒ—ãƒãƒ¼ãƒ©ãƒ¼ã§ã‚‚å‹•ãã¾ã™ã‚ˆï¼ï¼‰ ダウンãƒãƒ¼ãƒ‰ãƒ»ã‚µãƒ³ãƒ—ル ã„ããªã‚Šå®Œæˆç‰ˆã‚³ãƒ¼ãƒ‰ 今回ã¯ã‚³ãƒ¼ãƒ‰ãŒå°‘ãªã„ã‚“ã§å…ˆã«å®Œå…¨ç‰ˆã‚³ãƒ¼ãƒ‰ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ãªãŠã€ãƒã‚¤ãƒ†ã‚£ãƒ–JavaScript ã§æ›¸ã„ã¦ã¾ã™ã€‚ ã¤ã¾ã‚Šã€jQueryを使ã£ã¦ãªãã¦ã‚‚OKã§ã™ã—ã€ã‚ãªãŸãŒReactフリ
HTMLCanvasElement: toBlob() メソッド - Web API | MDN
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ãƒã‚¤ãƒŠãƒªãƒ•ã‚¡ã‚¤ãƒ«ã‚’扱ã†ãŸã‚ã®Blobオブジェクトã¨Fileオブジェクト - 30æ³ã‹ã‚‰ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
{{#tags}}- {{label}}
{{/tags}}