feat: map chart structure #671
Conversation
jung-han
requested review from
lja1018,
dongsik-yoo,
dotaitch,
jungeun-cho and
shiren
|
|
||
| return mapCoordinate && geoContains(model.feature, mapCoordinate); | ||
| }, | ||
| }; |
| import { setSize } from '@src/helpers/painter'; | ||
| import { GeoFeatureModel } from '@t/components/geoFeature'; | ||
|
|
||
| export function geoFeature(ctx: CanvasRenderingContext2D, gp: GeoPath, model: GeoFeatureModel) { |
There was a problem hiding this comment.
Feature 뭔가 어색한 늬낌인데. 걍 geo하면 어때요?
There was a problem hiding this comment.
geoJSON에서 제공하는 feature collection을 가지고 그리는 브러시라 컴포넌트랑 같이 getFeature라는 이름으로 통일 시켰는데요.
개인적으로는 feature라는 단어가 들어가야 명확할 것 같은데 혹시 다른 분들 의견은 어떠신가요?
| import Component from './component'; | ||
| import { GeoFeatureModel, GeoFeatureResponderModel } from '@t/components/geoFeature'; | ||
|
|
||
| export default class GeoFeature extends Component { |
There was a problem hiding this comment.
GeoFeature 네이밍이 어색합니다.
GeoMap, GeoPart, GeoCountry, GeoZone?
GeoWord? 대륙마다 컴포넌트가 생성되나요? (Continents)
There was a problem hiding this comment.
geoJson의 feature collection을 그리는 컴포넌트인데요!
말그대로 Feature들을 지도 데이터를 그리는거라 크게 어색한 것은 없는것 같습니다.
| @@ -0,0 +1,154 @@ | |||
| import { | |||
There was a problem hiding this comment.
store도 shared에서 가져와서 사용할 수 있을 것같은데, 다른점이 있나요?
There was a problem hiding this comment.
Store 모듈이나 옵션 자체 타입이 많이 달라져서 일단을 이렇게 구현했는데요.
이후에 얼마나 달라질지 몰라서 어느정도 윤곽이 잡히면 다시 나눌 예정이라 그떄 정리 다시 할게요!
| const el = createContainer(); | ||
| const chart = new MapChart({ | ||
| el, | ||
| options: { chart: { width: 500, height: 500, type: 'world' } }, |
There was a problem hiding this comment.
아 MapChart하나로 type값만 줘서 그리는 군요!
There was a problem hiding this comment.
이 부분은 아마 변경될 수 있을 것 같은데 사실상 차트의 종류가 변경되는 느낌이 아니라서 타입으로 했어요 ㅎㅎ
| proc(...args); | ||
| }); | ||
|
|
||
| proc = debounce(proc); |
| } | ||
|
|
||
| remove(ComponentCtor: ComponentConstructor) { | ||
| this.components = this.components.filter((component) => !(component instanceof ComponentCtor)); |
| render(chartState) { | ||
| const { series, theme, layout } = chartState; |
There was a problem hiding this comment.
state를 추상 클래스에서 주입해서 매번 넘겨줘야 하나요? store에서 꺼내오거나, 추상클래스에서 state자체를 인스턴스 변수로 주입시켜도 되지 않을까해서요. 같은 류의 데이터인대 state만 메서드로 주입하는 이유가 궁금하네요ㅎㅎ
apps/shared/src/store/reactive.ts
Outdated
| if (observerCallCue.includes(observer)) { | ||
| observerCallCue.splice(observerCallCue.indexOf(observer), 1); | ||
| } | ||
| // We use observer call cue because avoid nested observer call. | ||
| observerCallCue.push(observer); |
Please check if the PR fulfills these requirements
fix #xxx[,#xxx], where "xxx" is the issue number)Description
storybook
click
Thank you for your contribution to TOAST UI product. 🎉 😘 ✨