[B! chart] hitrokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hitrok id:hitrok

chartã«é–¢ã™ã‚‹hitrokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€SlackÃ—Re:dashã€‘ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ KPIé€šçŸ¥ã‚’ã‚³ãƒ¼ãƒ‰0è¡Œã§å®Ÿç¾ã™ã‚‹ - Gunosyãƒ‡ãƒ¼ã‚¿åˆ†æžãƒ–ãƒã‚°
ãƒ‡ãƒ¼ã‚¿åˆ†æžéƒ¨ã§éƒ¨é•·ã‚’ã—ã¦ã„ã‚‹@cou_zã§ã™ã€‚æœ€è¿‘ã¯LIBROã®ãƒžã‚¤ã‚¯ãƒãƒ•ã‚©ãƒ³ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã‚’ã‚ˆãè´ã„ã¦ã„ã¾ã™ã€‚ Gunosyã«ãŠã‘ã‚‹ãƒ—ãƒãƒ€ã‚¯ãƒˆæ”¹å–„ã¯ã€ãƒ‡ãƒ¼ã‚¿å¯è¦–åŒ–ã«ã‚ˆã‚‹ç¾çŠ¶æŠŠæ¡ã‹ã‚‰å§‹ã¾ã‚‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ãƒã‚°ã‚’åŽé›†ã—ã¦ã€ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã§KPI(é‡è¦æ¥ç¸¾æŒ‡æ¨™)ã‚’å¯è¦–åŒ–ã™ã‚‹ã“ã¨ã¯ã€ä»Šã§ã¯å½“ãŸã‚Šå‰ã®ã“ã¨ã«ãªã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚æ·±å¤œãƒãƒƒãƒã§KPIã‚’é›†è¨ˆã—ã¦ã€ç¿Œæœã«ç¢ºèªã™ã‚‹ã“ã¨ã¯é‡è¦ã§ã™ãŒã€KPIã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«çŸ¥ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ç¾çŠ¶æŠŠæ¡ãŒã•ã‚‰ã«é€²ã‚€ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«KPIã‚’é›†è¨ˆã§ããŸã¨ã—ã¦ã‚‚ã€å®Ÿéš›ã«ãã‚Œã‚‰ã‚’ç¢ºèªã™ã‚‹ã¨ã¯é™ã‚Šã¾ã›ã‚“ã€‚é »ç¹ã«ãƒ€ãƒƒã‚·ãƒ¥ãƒœãƒ¼ãƒ‰ã‚’è¦‹ã‚‹ã®ã¯ã¨ã¦ã‚‚å„„åŠ«ã§ã€æ¬¡ç¬¬ã«è¦‹ãªããªã£ã¦ã—ã¾ã„ãŒã¡ã§ã™ã€‚ãã“ã§ã€æ—¥å¸¸çš„ã«é–‹ã„ã¦ã„ã‚‹ãƒãƒ£ãƒƒãƒˆã«KPIãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«é€šçŸ¥ã•ã‚Œã‚‹ã¨ã€ç¢ºèªã®éš›ã®è² æ‹…ã‚’è»½æ¸›ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Gunosyã§ã¯ã€ãƒãƒ£ãƒƒãƒˆãƒ„ãƒ¼ãƒ«ã«Slackã‚’ãƒ€ãƒƒã‚·ãƒ¥ãƒœ
hitrok 2016/08/26
dash

KPI

slack

SQL

chart
ãƒªãƒ³ã‚¯
Railsã§ã‚°ãƒ©ãƒ•è¡¨ç¤º - i2bsã®æ—¥è¨˜
ä»•äº‹ã§å£²ä¸Šã’ãƒ‡ãƒ¼ã‚¿ã®é›†è¨ˆçµæžœã‚’ã‚°ãƒ©ãƒ•è¡¨ç¤ºã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§lazy_high_chartsã‚’ä½¿ã£ã¦ã¿ãŸã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Gemfile gem 'lazy_high_charts' app/assets/javascripts/application.js ä»¥ä¸‹ã‚’è¿½è¨˜ //= require highcharts app/controllers/sample_controller.rb class SampleController < ApplicationController def show @end_at = Date.today @start_at = @end_at - 6 @categories = @start_at.upto(@end_at).to_a @data1 = Array.new(7){rand(10)} @data2 = Array.new(7){rand(1
hitrok 2013/05/28
highchartsã®gemç‰ˆã‹ãªï¼Ÿ

ã‚°ãƒ©ãƒ•

chart

Rails
ãƒªãƒ³ã‚¯
lazy_high_chartsã‚’ä½¿ã£ã¦å††ã‚°ãƒ©ãƒ•ã‚’è¡¨ç¤ºã™ã‚‹ - chulip.org
Highchars JSã‚’Railsã§ä½¿ã†lazy_high_chartsã‚’ä½¿ã£ã¦å††ã‚°ãƒ©ãƒ•ã‚’è¡¨ç¤ºã™ã‚‹ã€‚ https://github.com/michelson/lazy_high_charts/ Railsã§ã‚°ãƒ©ãƒ•ã‚’ä½œæˆã™ã‚‹ã«ã¯gruffã¨ã„ã†gemã‚‚ã‚ã‚Šã¾ã™ãŒã“ã¡ã‚‰ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§ã‚°ãƒ©ãƒ•ã‚’ã”ã‚Šã”ã‚Šä½œã£ãŸå¾Œè¡¨ç¤ºã•ã›ã‚‹ã®ã«å¯¾ã—ã€ Highchars JSã¯ãƒ‡ãƒ¼ã‚¿ã®ã‚»ãƒƒãƒˆã ã‘ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã§è¡Œã„æç”»è‡ªä½“ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ã‚„ã‚‹ã®ãŒå¤§ããªé•ã„ã½ã„ã§ã™ã€‚ å¿…è¦ãªç‰©ã¯jsãƒ•ã‚¡ã‚¤ãƒ«ã ã‘ãªã®ã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚‚ç°¡å˜ã§ã—ãŸã€‚ lazy_high_chartsã®githubã‹ã‚‰ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã‚’è¦‹ã¤ã‘ã‚‰ã‚Œãªã‹ã£ãŸã®ã§ä¸‹è¨˜å‚è€ƒã«ã•ã›ã¦ã‚‚ã‚‰ã„ã¾ã—ãŸã€‚ ã‚°ãƒ©ãƒ•ç”Ÿæˆæ™‚ã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ç‰ã«ã¤ã„ã¦ã¯Highchars JSã®ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚’è¦‹ã‚Œã°ã‚ã‹ã‚Šãã†ã§ã™ã€‚ lazy_high_chartsã®1.3.2ã‹ã‚‰1.3.3ã¸ã®å¤‰æ›´
hitrok 2013/05/28
Rails

chart
ãƒªãƒ³ã‚¯
Chart.js
New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.
hitrok 2013/03/19
chart

js

javascript

html5

ã‚°ãƒ©ãƒ•
ãƒªãƒ³ã‚¯
Protovis
Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG
hitrok 2011/12/16
å¯è¦–åŒ–

svg

chart

graph

javascript
ãƒªãƒ³ã‚¯
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
hitrok 2011/06/03
graph

javascript

ã‚°ãƒ©ãƒ•

chart

webãƒ‡ã‚¶ã‚¤ãƒ³

library
ãƒªãƒ³ã‚¯
Google Chart API ã§ãƒ¬ãƒ¼ãƒ€ãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ä½œã‚‹ Â« Stop Making Sense
è§£èª¬ ãƒªã‚¯ã‚¨ã‚¹ãƒˆURI ã‚°ãƒ©ãƒ•ä½œæˆã®ãŸã‚ã« Google Chart API ã®ã‚µãƒ¼ãƒã¸é€ã£ã¦ã„ã‚‹ ãƒªã‚¯ã‚¨ã‚¹ãƒˆã¯æ¬¡ã®é€šã‚Šã§ã™ã€‚ (å¯èªæ€§ã®ãŸã‚ã«æ”¹è¡Œã—ã¦ã¾ã™) http://chart.apis.google.com/chart ?cht=r &chxt=y,x &chls=4|4 &chco=FF0000,00FF00 &chxp=0,0,20,40,60,80,100 &chd=t:76,78,91,78,58,72,76|55,65,59,77,87,45,55 &chxl=1:|é …ç›®(1)|é …ç›® (2)|é …ç›®(3)|é …ç›®(4)|é …ç›®(5)|é …ç›®(6) &chm=s,FF0000,0,-1,12,0|s,FFFFFF,0,-1,8,0|o,00FF00,1,-1,12,0|o,FFFFFF,1,-1,8,0 &chts=000000,20 &chtt=ãƒ¬ãƒ¼ãƒ€ãƒ¼ãƒãƒ£ãƒ¼ãƒˆ &chdl=ãƒ‡
hitrok 2010/12/01
GoogleChartAPI

chart
ãƒªãƒ³ã‚¯
Google Chart APIã§ä½œã‚‹ã‚°ãƒ©ãƒ•ç”»åƒã®ã‚µãƒ³ãƒ—ãƒ« - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: ã“ã®è¨˜äº‹ã¯ã€3å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚Webã®é€²åŒ–ã¯é€Ÿã„ï¼æƒ…å ±ã®æ£ç¢ºæ€§ã¯è‡ªå·±è²¬ä»»ã§åˆ¤æ–ã—ã¦ãã ã•ã„ã€‚ Note: Chart APIã¯ç¾åœ¨ã§ã¯Google Chartã¨ã—ã¦æ•´ç†ã•ã‚Œã¦ãŠã‚Šã€ã“ã®è¨˜äº‹ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹Image Chart APIã¯æ—§ä»•æ§˜ã¨ã—ã¦å‰Šé™¤å¯¾è±¡ã«ãªã£ã¦ã„ã¾ã™ã€‚å®Ÿéš›ã«å‰Šé™¤ã¯ã•ã‚Œã¦ã„ãªã„ã®ã§ä»Šã®ã¨ã“ã‚åˆ©ç”¨ã§ãã¦ã„ã¾ã™ãŒã€2015å¹´ä¸ã«ã¯æ¶ˆãˆã¦ã—ã¾ã„ãã†ã§ã™ã€‚(2015-08-31) ã‚³ãƒ”ãƒšç”¨ã«ä½œã£ã¦ã¿ãŸã€‚ã„ã‚„ãƒ¼è»½ã„è»½ã„ã€‚JSã§<canvas>ã§å›³å½¢æç”»ãªã‚“ã¦é¦¬é¹¿ã‚‰ã—ããªã£ã¡ã‚ƒã†ãã€‚ã¡ãªã¿ã«è‰²ã¯ã‚ã‚“ã¾ã‚Šå¼„ã£ã¦ãªã„ã€‚è€ƒãˆãŸã‚‰æš–è‰²ç³»ã£ã¦ç››ã‚Šä¸ŠãŒã£ã¦ã‚‹æ„Ÿã˜ãŒã™ã‚‹ã‹ã‚‰ã€ã“ã®ã¾ã¾ã®ãŒè‰¯ã„ã‹ã‚‚ãã€‚ ã§ã¯ç¶šãã‚’ã©ã†ãžã€‚ ...ãã†ã„ãˆã°ã€å•†ç”¨åˆ©ç”¨ã§ããŸã£ã‘ï¼Ÿ <img
hitrok 2010/12/01
GoogleChartAPI

chart
ãƒªãƒ³ã‚¯
1