์ฐจํธ ์์ ๊ฐ์กฐ ํ์
์ด ํ์ด์ง์ ๋ด์ฉ
Atlas Charts ์๋ฒ ๋ฉ JavaScript SDK๋ฅผ ์ฌ์ฉํ๋ฉด ์๋ฒ ๋ฉ๋ ๋์๋ณด๋ ๋ด์ Atlas Charts ๋ฐ Atlas Charts์์ ํน์ ์์ ๋ฐ ํด๋ฆญ๋ ์ด๋ฒคํธ ๋ฅผ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ผ๋ก ๊ฐ์กฐ ํ์ํ ์ ์์ต๋๋ค.
์ ์ ์กฐ๊ฑด
์์ ํ๊ธฐ ์ ์ ๋ฒ์ 2.1.0 ์ด์ ์ฐจํธ ์๋ฒ ๋ฉ JavaScript SDK.
๊ตฌ๋ฌธ
๊ฐ์กฐ ํ์๋ฅผ ํ์ฑํํ๋ ์ฐจํธ ์๋ฒ ๋ฉ JavaScript SDK ๋ฉ์๋์ ๊ตฌ๋ฌธ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
charts.setHighlight(selectionFilter);
์ฐธ๊ณ
๋ด์ฅ๋ ๋์๋ณด๋ ๋ด์์ Atlas Charts๋ฅผ ๊ฐ์กฐ ํ์ํ๋ ค๋ฉด ๋จผ์ ๋ค์ ๋ฉ์๋๋ฅผ ์คํํ์ฌ ๋์๋ณด๋ ์ธ์คํด์ค์์ ํน์ Atlas Charts๋ฅผ ๊ฒ์ํฉ๋๋ค.
dashboard.getChart('<chartID>');
setHighlight
๋ฉ์๋๋ MQL ํํฐ๋ฅผ ์ฌ์ฉํฉ๋๋ค. ์๋ ์์ ์ ํ์๋ ๋๋ก setHighlight
๋ฉ์๋์ ์ง์ MQL ํํฐ๋ฅผ ์ ๊ณตํ๊ฑฐ๋ ํด๋ฆญ ์ด๋ฒคํธ ํ์ด๋ก๋ selectionFilter
๋ฅผ ํตํด ์ ๊ณตํ์ฌ ํน์ ์์์ ํด๋ฆญ ์ด๋ฒคํธ๋ฅผ ๊ฐ์กฐ ํ์ํ ์ ์์ต๋๋ค.
์์
chart.setHighlight( { city: { $nin: ['New York', 'London', 'Paris'] } } )
selectionFilter
์(๋) ์ฐจํธ์ ์นดํ
๊ณ ๋ฆฌ ๋๋ ์๋ฆฌ์ฆ ์ฑ๋์ ์ฌ์ฉ๋ ๊ฐ๊ณผ ์ผ์นํด์ผ ํฉ๋๋ค.
Atlas Charts ์๋ฒ ๋ฉ JavaScript SDK์๋ ๊ฐ์กฐ ํ์ ์ฟผ๋ฆฌ๋ฅผ ๊ฒ์ํ๊ธฐ ์ํ highlight
์ต์
๋ ํฌํจ๋์ด ์์ต๋๋ค.
const highlight = chart.getHighlight();
highlight
์ต์
์ MQL ํํฐ๋ฅผ ๋ํ๋ด๋ Javascript ๊ฐ์ฒด์ ๋งค๊ฐ ๋ณ์๋ฅผ ์ฌ์ฉํฉ๋๋ค. ์ฐจํธ๋ฅผ ๋ง๋ค ๋ ๋๋ ์ฐจํธ๊ฐ ๋ ๋๋ง๋ ํ์ highlight
์ต์
์ ์ค์ ํ ์ ์์ต๋๋ค.
๋ค์ ์ฟผ๋ฆฌ ์์๋ฅผ ํฌํจํ ์ ์์ต๋๋ค.
์ง์๋๋ ๋ชจ๋ ์ฐจํธ ์ ํ ์ ๋ํด $eq(๋๋ฑ์ฑ) ์ด ์ผ์นํฉ๋๋ค.
์ง์๋๋ ๋ชจ๋ ์ฐจํธ ์ ํ ์ ๋ํด $in ์ ์ ๋ ฅํฉ๋๋ค.
์ ํ ๋ฐ ์์ญ Charts , ์ด ์ฐจํธ ๋ฐ ๋ง๋ Charts, ๋น ์ง์ญ ํํธ๋งต ์$nin ํ์ธํฉ๋๋ค.
์ ํ ๋ฐ ์์ญ Charts , ์ด ์ฐจํธ์ ๋ง๋ Charts , ๋น ์ง์ญ ํํธ๋งต ์ ๋ํด ์ง์ ๋ ๋ฒ์ ๋ด์ ์ซ์ ๋๋ ๋ ์ง ๋น๊ณผ ์ผ์นํ๋$gte ๋ฐ $lt ๋ฒ์ ๋ฅผ ๋ซ์ต๋๋ค.
์ฐ์ํ ์ ํ ๋ฐ ์์ญ Charts ์ ๊ฒฝ์ฐ X์ถ์ $gt, $gte, $lt ๋ฐ $lte์ด๋ฆฐ ๋ฒ์ .
์ฐจํธ ์ ํ
ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์ ๊ฐ์กฐ ํ์๋ฅผ ์ง์ํ๋ ์ฐจํธ ์ ํ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.