728x90
๋ฐ˜์‘ํ˜•

option 3

[jQuery] ์„ ํƒ๋œ selectbox์˜ text ๊ฐ€์ ธ์˜ค๊ธฐ

$('text๋ฅผ ๋ถ™์ผ ๊ณณ์˜ ์„ ํƒ์ž').text($('selectbox์˜์„ ํƒ์ž option:selected').text()); option selected๋ฅผ ๋นผ๋ฉด selectbox์˜ ์ „์ฒด ์˜ต์…˜์˜ text๊ฐ’์ด ์„ ํƒ๋œ๋‹ค. .val()์„ ํ•˜๋ฉด text๊ฐ’์ด ์•„๋‹Œ option tag์˜ value๊ฐ’์ด ํ‘œ์‹œ๋œ๋‹ค.

Front/JS & jQuery 2022.08.16

[echarts] formatter - ์ˆซ์ž ๋ฐ์ดํ„ฐ์— ์ฒœ ๋‹จ์œ„ ,(์ฝค๋งˆ) ์ฐ๊ธฐ

option ={ data: [42779,21382,13007,8390] series:[ label:{ show: true, formatter: function (params){ var val = addComma(params.value); return val; } } ] }; /* ์ฒœ๋‹จ์œ„ ์ฝค๋งˆ */ function addComma(value){ value = value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); return value; } ํ•„์š”ํ•œ ๋ถ€๋ถ„๋งŒ ์ฝ”๋“œ๋ฅผ ์ ์–ด๋†“์•˜๋‹ค !

Front/JS & jQuery 2022.05.16

[echarts] ๋ฐ์ดํ„ฐ๋ฅผ ์ฐจํŠธ ์•ˆ์— ํ‘œ์‹œํ•˜๊ธฐ

1. ๋ง‰๋Œ€๊ทธ๋ž˜ํ”„ option์•ˆ์— series์•ˆ์— lable์— show: true๋กœ ์„ค์ •ํ•˜๋ฉด ๋œ๋‹ค. option = { tooltip: {}, legend: {}, xAxis: { data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"] }, yAxis: {}, series: [{ name: "Sale", type: "bar", data: [5, 20, 36, 10, 10, 20, 4], label: { show: true, } }] } 2. ํŒŒ์ด๊ทธ๋ž˜ํ”„ ํŒŒ์ด ๊ทธ๋ž˜ํ”„๋Š” lable์— show: true ๋กœ ์„ค์ •ํ•˜๋ฉด ๋ฒ”๋ก€๋ชฉ๋ก๋งŒ ํ‘œ์‹œ๊ฐ€ ๋œ๋‹ค. ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œ์‹œํ•˜๋ ค๋ฉด, formatter๋ฅผ ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค. {a}: ์‹œ๋ฆฌ์ฆˆ ์ด๋ฆ„. {b}: ๋ฐ์ดํ„ฐ ํ•ญ๋ชฉ์˜ ์ด๋ฆ„์ž…๋‹ˆ๋‹ค. {c}: ๋ฐ์ดํ„ฐ..

Front/JS & jQuery 2022.05.14
728x90
๋ฐ˜์‘ํ˜•