Charts Playground

차트 크기·데이터 범위 변경 시 ticks·domain이 어떻게 적응하는지 다각도 테스트. 프리셋(좁은 / 넓은 / 거대 magnitude)으로 edge case도 빠르게 확인.

크기

height (px)

width (px)

공통

periods (데이터 점 개수)

tradeType

ListingPriceBands

midStart (만원)

midEnd (만원)

bandSpread (만원, high-low)

프리셋

640 × 300px — 실시간 미리보기

현재 data (디버깅용)

[
  {
    "date": "20240101",
    "mid60": 70000,
    "high20": 75000,
    "low20": 65000
  },
  {
    "date": "20240201",
    "mid60": 71429,
    "high20": 76429,
    "low20": 66429
  },
  {
    "date": "20240301",
    "mid60": 72857,
    "high20": 77857,
    "low20": 67857
  },
  {
    "date": "20240401",
    "mid60": 74286,
    "high20": 79286,
    "low20": 69286
  },
  {
    "date": "20240501",
    "mid60": 75714,
    "high20": 80714,
    "low20": 70714
  },
  {
    "date": "20240601",
    "mid60": 77143,
    "high20": 82143,
    "low20": 72143
  },
  {
    "date": "20240701",
    "mid60": 78571,
    "high20": 83571,
    "low20": 73571
  },
  {
    "date": "20240801",
    "mid60": 80000,
    "high20": 85000,
    "low20": 75000
  }
]
... (truncated)