05 데이터 열

데이터 열이란?

데이터 열에 사용되는 수조는 여러 개 혹은 여러 개의 데이터를 포함한다.데이터와 plotOptions의 도표 유형이 일일이 대응

데이터 열의 name 그림과 Legend 프롬프트 상자의

series: [{
    name: '',
    data: []
}]

데이터 열의 데이터

데이터 열의 데이터 속성은 다음과 같은 세 가지 방식으로 정의된다.이것은 기본 도표 (x, y축을 좌표축으로 함) 를 예로 들 수 있다

수치 배열

Tooltip

이 경우 x값은 다음과 같은 방식으로

x축 구성에 따라

자동 계산

0에서

증가

은 data: [1,2,3,4,5]과 pointStart에 따라 pointInterval에 속하는

구성입니다.

분류 축에서 x값은 series 구성

연개 값을 포함하는 그룹 집합

categoies

의 첫 번째 값은 x값을 대표한다.단, 문자열이라면, 이 점의 이름을 대표합니다.이러한 상황에서 x값은 상술한 방식에 따라

을 얻을 수 있다

데이터 포인트 객체 집합

data : [{
    name : "point 1",
    color : "#00ff00",
    y : 0
}, {
    name : "Point 2",
    color : "#ff00ff",
    y : 5
}] 

데이터 점 및 태그

데이터 포인트

데이터 점은 다른 비직각 좌표도에서 데이터 점은 data: [[1,2],[2,3]]값을 표시할 뿐만 아니라 떡그림에서 데이터 점은 하나의 값만 표시한다.

마크업

x,y 데이터 열당 series

marker 데이터 포인트당 data

의 역할은 직선도, 곡선도, 면적도와 면적범위도에서 데이터 점에

을 표시할 수 있는 것이다

데이터 열 구성

데이터 열 구성 수준

구성 수준 낮음 ~ 높음

marker, plotOptions 자체가 데이터 열 구성이고 그 중에서 plotOptions.series은 모든 유형의 도표에 대해

이 유효하다는 뜻이다.

series, 특정 차트에 대해 유효

plotOptions.{ }에서 현재 데이터 열에 유효한

plotOptions: {
  spline: {           //   spline  
    lineWidth: 1 
  },
  series: {           //  
    lineWidth: 2
  }
}
series: [{
  id: 'series 1',
  type: 'spline',       // type   'line'
  data: [1, 4, 56, 69],
  lineWidth: 2          //   plotOptions.spline.lineWidth  
}, {
  data: [4, 5, 6],
  lineWidth: 3          //   plotOptions.series.lineWidth  
}]

애니메이션

series 또는 series.animation을 통해 애니메이션 관련 구성 실행

색상

은 plotOptions.series.animation을 통해 데이터 열의 색상을 지정하고, series.color을 통해 특정 유형의 차트 색상을 지정합니다.

점 선택

plotOptions.{ }.color 구성 수준에서

설정 가능

선택한 점 획득

var selectedPoints = chart.getSelectedPoints();

선 너비

allowPointSelect 라인 너비 설정

마우스 모양

lineWidth 속성은 마우스 모양

을 지정합니다.

데이터 레이블

데이터 라벨이란 데이터 포인트에 일부 데이터 정보 라벨을 표시하는 것이지 알림 라벨이 아니라 API에 대응하는 것이 cursor이다.데이터 포인트 구성은 데이터 열에 기본적으로 구성되므로 series.data.dataLabels에서도 구성 가능

plotOptions: {
    line: {
        dataLabels: {
            enabled: true,
            formatter: function() {
                return this.x + "   " + this.y;
            }
        }
    }
}

함수에서 사용 가능한 변수는 series.dataLabels

formatter은 스태킹맵이나 파이맵에서만 유효하며 이 점의 상대 총액의 백분율인

this.percentage 데이터 포인트 대상은 이 대상을 통해 데이터 포인트와 관련된 속성을 얻을 수 있다. 예를 들어 x값, y값 등

this.point 데이터 포인트가 있는 데이터 열 대상은 이 대상을 통해 데이터 열의 속성을 얻을 수 있다. 예를 들어this.series.name.

this.series은 중첩도에서만 유효하며 중첩 총액을 나타낸다.

this.total x

this.x y치

선 스타일

이 옵션은 this.y에 있습니다

series

데이터 열 파티션

응용 장면: 하나의 데이터 열에서 서로 다른 범위의 선분은 서로 다른 스타일과 색 등을 필요로 한다.dashStyle은 이런 현상을 해결할 수 있다. 이것은 하나의 대상수조이다

value, 파티션 최대

fillColor, 채움 색상, 면적 수열만

dashStyle, 선 스타일

color, 색상

className, 클래스

기본적으로 Y축은 zones에서 x축으로 변경할 수 있습니다