TypeScriptã¨d3.jsã§ã‚°ãƒ©ãƒ•ã‚’æã“ã†ãž 2 - ã‹ãšãã®Blog@hatena下ã®ç¶šã。 TypeScriptã¨d3.jsã§ã‚°ãƒ©ãƒ•æã“ã†ãž - ã‹ãšãã®Blog@hatena yæ–¹å‘ã®å€¤ã®èª¿æ•´ パソコンã¨ã‹ã®æ画関係ã®APIã®åº§æ¨™ç³»ã¯å·¦ä¸ŠãŒ0,0ãªã®ãŒä¸€èˆ¬çš„ã§ã™ã€‚svgも例ã«ã‚‚ã‚Œãšã€‚ã§ã‚‚ã€ã‚°ãƒ©ãƒ•ã®åº§æ¨™ã¯å·¦ä¸‹ãŒ0,0ã ã£ãŸã‚Šã—ã¾ã™ã‚ˆã。ã¨ã„ã†ã“ã¨ã§ã€y座標ã®ã‚¹ã‚±ãƒ¼ãƒ«ã®rangeを逆転ã•ã›ã‚‹ã¨ã€ã„ã„æ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ // yã®æœ€å°å€¤ã¨yã®æœ€å¤§å€¤ã‚’500～0ã®é–“ã«ã‚¹ã‚±ãƒ¼ãƒªãƒ³ã‚°ã™ã‚‹ryã‚’ä½œæˆ var ry = d3.scale .linear() .domain([d3.min(datas, a => a.y), d3.max(datas, a => a.y)]) .range([500, 0]); // ã“ã“ã‚’0, 500ã ã£ãŸã®ã‚’500, 0ã«ã™ã‚‹ ã“ã‚Œã§ãƒ‡ãƒ¼ã‚¿ã®å‡ºåŠ›ãŒé€†ã«ãªã‚‹ã®ã§ã€ã„ã„æ„Ÿã˜ã«å·¦ä¸‹ãŒå°ã•ã„値ã«ãªã‚Šã¾ã™ã€‚d3.jsã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«ã‚‚ã‚る通りã§ã™ã。 軸ã®
{{#tags}}- {{label}}
{{/tags}}