syidaxchart
홈 가격 내 정보

API REFERENCE

series

여러 시리즈를 함께 표시합니다. 각 시리즈에 이름, 값, 색과 표시 옵션을 지정합니다. 시리즈의 데이터 구조는 차트 종류별 타입을 따릅니다.

Markdown 원문 Components

정의

항목값
JavaScript 프로퍼티series
HTML attribute객체·배열·콜백은 JavaScript 프로퍼티로 전달
타입LineChartSeries[] | ScatterChartSeries[]
기본값undefined

undefined는 이 속성을 명시하지 않은 상태입니다. 실제 표시 값은 차트 종류와 다른 설정에 따라 결정될 수 있습니다.

설정 예제

javascript
// sy-line-chart를 등록하고 요소를 만든 뒤 설정합니다.
chart.series = [
  {
    "name": "Organic",
    "color": "#8263d9",
    "values": [
      24,
      29,
      27,
      38,
      43,
      40,
      52,
      58,
      53,
      68,
      76,
      84
    ]
  },
  {
    "name": "Direct",
    "color": "#239c91",
    "values": [
      15,
      19,
      17,
      24,
      22,
      29,
      32,
      30,
      39,
      42,
      40,
      51
    ]
  },
  {
    "name": "Referral",
    "color": "#e99954",
    "values": [
      8,
      11,
      9,
      15,
      13,
      19,
      17,
      23,
      22,
      28,
      25,
      33
    ]
  }
];