C3: C3 y์ถ• ๋ ˆ์ด๋ธ” ํšŒ์ „

์— ๋งŒ๋“  2016๋…„ 09์›” 02์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: c3js/c3

ํ˜„์žฌ y์ถ• ๋ ˆ์ด๋ธ”์˜ ๋ฐฉํ–ฅ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. http://imgur.com/a/fbJQb

๊ธฐ๋Šฅ์ด ๊ธฐ๋ณธ์ ์œผ๋กœ ์กด์žฌํ•˜์ง€ ์•Š๊ฑฐ๋‚˜ ๋‚ด Google Foo๊ฐ€ ์‹คํŒจํ•˜์ง€๋งŒ(์•„๋งˆ๋„ ๊ทธ๋Ÿด ๊ฒƒ์ž…๋‹ˆ๋‹ค) "์นœ๊ตฌ"๋ฅผ 400๊ณผ ๊ฐ™์€ ๋ฐฉํ–ฅ์œผ๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ y์ถ• ๋ ˆ์ด๋ธ”์ด ์•„๋ž˜์—์„œ ์œ„๋กœ ์ฝ์ง€ ์•Š๊ณ  ์™ผ์ชฝ์—์„œ ์˜ค๋ฅธ์ชฝ์œผ๋กœ ์ฝํžˆ๊ธฐ๋ฅผ ์›ํ•ฉ๋‹ˆ๋‹ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

$ axis.y.ticks.rotate ์™€ ๊ฐ™์€ axis.y.label.rotate (๋ฐ axis.y2.label.rotate ) ์˜ต์…˜์ด ์žˆ์œผ๋ฉด ๊ต‰์žฅํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค!

๋ชจ๋“  4 ๋Œ“๊ธ€

@alexanderbanks , ์•„๋ž˜์™€ ๊ฐ™์ด y์ถ• ๋ ˆ์ด๋ธ” ์š”์†Œ์˜ ๋ณ€ํ˜• ์†์„ฑ์„ ์ œ๊ฑฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๋ผ๋ฒจ ์š”์†Œ ์œ„์น˜๋ฅผ ์ œ์–ดํ•˜๋ ค๋ฉด ํ•„์ˆ˜ํ’ˆ์— ์ ์ ˆํ•œ ์†์„ฑ(x, y, dy, dx) ๊ฐ’์„ ์„ค์ •ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

c3.generate({
    data: { ... },
    onrendered: function() {
       // remove transform attribute
        d3.select("."+ c3.chart.internal.fn.CLASS.axisYLabel)
            .attr("transform",null);
    }
});

๊ฒฐ์ •๋œ. ๋‘ ๋ฒˆ์งธ ๋ฌธ์žฅ์„ ์ž์„ธํžˆ ์‚ดํŽด๋ดค์–ด์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌ ํ•ด์š”.

$ axis.y.ticks.rotate ์™€ ๊ฐ™์€ axis.y.label.rotate (๋ฐ axis.y2.label.rotate ) ์˜ต์…˜์ด ์žˆ์œผ๋ฉด ๊ต‰์žฅํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค!

y์ถ•์„ ๋”ฐ๋ผ ๋„๋„› ์ฐจํŠธ๋ฅผ 180๋„ ํšŒ์ „ํ•  ์ˆ˜ ์žˆ๋‚˜์š”?

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰