C3: ์‹œ๊ณ„์—ด ๋ฐ ๊บพ์€์„ ํ˜• ์ฐจํŠธ์˜ ์„  ๋‘๊ป˜ ์„ค์ •

์— ๋งŒ๋“  2014๋…„ 12์›” 05์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: c3js/c3

c3 API์—์„œ ์ด ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ๋ฐฉ๋ฒ•์ด ์—†์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” CSS ๊ทœ์น™์ด ์žˆ์Šต๋‹ˆ๊นŒ?

๊ฐ์‚ฌ ํ•ด์š”!

picture seubert

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

@seubert .c3-line ์—์„œ stroke-thickness ๋ฅผ ๋Š˜๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋ณด๋ ค๋ฉด ํ•˜์„ธ์š”.

picture AnSavvides ์— 2014๋…„ 12์›” 07์ผ
👍2

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

@seubert .c3-line ์—์„œ stroke-thickness ๋ฅผ ๋Š˜๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋ณด๋ ค๋ฉด ํ•˜์„ธ์š”.

AnSavvides picture AnSavvides ์— 2014๋…„ 12์›” 07์ผ
👍2

@AnSavvides๋‹˜, ๋‹ต๋ณ€ํ•ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! @seubert โ€” ๊ฒฐ๊ตญ ์ด๊ฒƒ์€ c3js.org API ์ฐธ์กฐ์— ํฌํ•จ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด๋Š” ์ œ๊ฐ€ ์ด๋ฒˆ ์ฃผ์— ๋ฌธ์„œ๋ฅผ ์ž‘์„ฑํ•  ๊ณ„ํš์ž…๋‹ˆ๋‹ค.

_Edit:_ ์‚ฌ์‹ค, @AnSavvides , ์ฐธ๊ณ ๋กœ JSFiddle์„ ์˜ˆ๋กœ ๋“ค์–ด๋„ ๋ ๊นŒ์š”? ๊ทธ๋ ‡์ง€ ์•Š์€ ๊ฒฝ์šฐ CSS์— ๋‹ค์Œ๊ณผ ๊ฐ™์€ ํ˜•์‹์˜ ๋น ๋ฅธ ๋ฌธ์„œ ์ฃผ์„์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

/**
 * masayuki/c3#808 โ€” "Set thickness of lines in timeseries & line charts"
 * Example by github.com/AnSavvides, 2014
 * License: MIT
 */

๋ผ์ด์„ ์Šค๋ฅผ MIT์—์„œ ํ˜ธํ™˜ ๊ฐ€๋Šฅํ•œ ๊ฒƒ์œผ๋กœ ์ž์œ ๋กญ๊ฒŒ ๋ณ€๊ฒฝํ•˜์‹ญ์‹œ์˜ค. ๊ฐ์‚ฌ ํ•ด์š”!

aendrew picture aendrew ์— 2014๋…„ 12์›” 08์ผ
👍1

@AnSavvides ์™€ @aendrew ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ๋งค์šฐ ๊ฐ์‚ฌ.

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

๊ด€๋ จ ๋ฌธ์ œ

alantygel picture alantygel  ยท  3์ฝ”๋ฉ˜ํŠธ
jstone-ponderosa picture jstone-ponderosa  ยท  3์ฝ”๋ฉ˜ํŠธ
Zerim picture Zerim  ยท  3์ฝ”๋ฉ˜ํŠธ
wojciechowskid picture wojciechowskid  ยท  3์ฝ”๋ฉ˜ํŠธ
udhaya2kmrv picture udhaya2kmrv  ยท  3์ฝ”๋ฉ˜ํŠธ