Library

[Chart.js] line ์ฐจํŠธ border line ๊ตต๊ฒŒ ์ง€์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•

yuri lee 2023. 8. 11. 21:37
๋ฐ˜์‘ํ˜•

Intro

 ์•ˆ๋…•ํ•˜์„ธ์š”. ์ด๋ฒˆ ์‹œ๊ฐ„์—๋Š” Chart.js์—์„œ line ์ฐจํŠธ border line ๊ตต๊ฒŒ ์ง€์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. 

 

How to do

const options: ChartOptions<'line'> = {
  // other options

  elements: {
    line: {
      borderWidth: 2, 
    },
  },

   // other options
};

borderWidth ์ˆซ์ž๋ฅผ ํฌ๊ฒŒ ์ง€์ •ํ•  ์ˆ˜๋ก border line ๊ตต๊ธฐ๊ฐ€ ๊ตต์–ด์ง‘๋‹ˆ๋‹ค :)

๋ฐ˜์‘ํ˜•

'Library' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[Chart.js] Y์ถ• ์ตœ๋Œ€๊ฐ’ ๋™์ ์œผ๋กœ ์„ค์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•  (0) 2023.06.28