rMateChart v7.0

new Column2DChart()

Column2DChart 클래스는 데이터의 크기에 맞는 세로 막대(컬럼)로 차트를 표현합니다.

Column2DChart 의 series 속성에는 Column2DSeries 클래스 인스턴스의 배열을 설정합니다.

레이아웃은 다음과 같은 형식으로 작성됩니다.

<rMateChart>
  <Options>
    <Caption text="Annual Report" />
  </Options>
  <Column2DChart showDataTips="true">
    <horizontalAxis>
      <CategoryAxis categoryField="Month" />
    </horizontalAxis>
    <series>
      <Column2DSeries yField="Profit" />
      <Column2DSeries yField="Cost" />
      <Column2DSeries yField="Revenue" />
    </series>
  </Column2DChart>
</rMateChart>

Extends

CartesianChart

Members

annotationElementsObject

차트의 전경(foreground)에 표현할 요소들을 설정합니다.

유효값은 다음과 같습니다.

AxisMarker

BrokenAxisLine

CanvasElement

CrossRangeZoomer

GridLines

ImageElement

Label

RadarGridLines

WingGridLines

axisDataTipBorderColorHexadecimal

축 데이터 팁 테두리 선의 색상을 설정합니다.

Default Value:

축에 설정된 색상

axisDataTipBorderRadiusNumber

축 데이터 팁 테두리 모서리선의 둥근 정도를 설정합니다.

Default Value:

axisDataTipBorderStyleString

축 데이터 팁 테두리 선의 스타일을 설정합니다.

Default Value:

null

axisDataTipBorderWidthNumber

축 데이터 팁 테두리 선의 굵기를 설정합니다.

Default Value:

axisMouseSensitivityNumber

축 데이터 팁 출력 시 출력되는 마우스 반경을 설정합니다.

Default Value:

backgroundElementsObject

차트 배경에 표현할 요소들을 설정합니다.

유효값은 다음과 같습니다.

AxisMarker

BrokenAxisLine

CanvasElement

CrossRangeZoomer

GridLines

ImageElement

Label

RadarGridLines

WingGridLines

Default Value:

GridLines

buttonModeBoolean

차트상의 데이터 포인트에 마우스 오버 시 손모양 커서 사용 여부를 설정합니다.

Default Value:

false

canDropSeriesLabelsBoolean

라벨이 겹치는 것을 방지하기 위해 차트 시스템이 겹치는 라벨 중 일부를 표시하지 않는 것을 허용할 지 여부를 설정합니다.

Default Value:

false

chartDefaultColorsArray

차트에 사용된 기본색상을 읽어오는 기능

Default Value:

null

columnRadiusRatioNumber

컬럼(column)의 끝 모서리 둥글기에 대한 비율(범위는 0 ~ 1)로 설정합니다.

값이 1 이면 완전히 둥글어지며, 값이 0 이면 둥글기가 없어서 각진 상태로 출력됩니다.

Default Value:

columnWidthMinRatioNumber

표시하는 컬럼(column)의 넓이값을 카테고리의 넓이값에 대한 비율(범위는 0 ~ 1)로 설정합니다.

값이 1 이면 영역 전체가 사용되며, 값이 0.1 이면 컬럼(column)의 사용 가능 영역은 10% 가 됩니다.

해당 속성은 데이터가 5 개 미만일 경우 적용되며,
실제 컬럼(column)의 넓이는 columnWidthRatio 속성과 maxColumnWidth 속성을 계산한 값과 columnWidthMinRatio를 계산하여 그중 작은 값이 적용됩니다.

Default Value:

columnWidthRatioNumber

표시하는 컬럼(column)의 넓이값을 카테고리의 넓이값에 대한 비율(범위는 0 ~ 1)로 설정합니다.

값이 1 이면 영역 전체가 사용되며, 값이 0.6 이면 컬럼(column)의 사용 가능 영역은 60% 가 됩니다.

실제 컬럼(column)의 넓이는 columnWidthRatio 속성과 maxColumnWidth 속성을 계산하여 그중 작은 값이 적용됩니다.

Default Value:

dataTipBackgroundColorOnSeriesBoolean

데이터 팁의 배경색을 시리즈의 기본 색상으로 표시할 지 여부를 설정합니다.

Default Value:

false

dataTipBorderColorHexadecimal

데이터 팁 테두리 선의 색상을 설정합니다.

Default Value:

시리즈에 설정된 색상

dataTipBorderColorOnSeriesBoolean

데이터 팁 테두리 선의 색상을 시리즈 색상과 동일하게 할 지 여부를 설정합니다.

Default Value:

true

dataTipBorderRadiusNumber

데이터 팁 테두리 모서리선의 둥근 정도를 설정합니다.

Default Value:

dataTipBorderStyleString

데이터 팁이 표시되는 div 의 테두리 스타일을 설정합니다.

유효값은 다음과 같습니다.

none - 테두리 선을 그리지 않도록 설정합니다.

solid - 테두리를 기준으로 테두리 자체에 선을 그리도록 설정합니다.

inset - 테두리를 기준으로 테두리 안쪽에 선을 그리도록 설정합니다.

outset - 테두리를 기준으로 테두리 바깥쪽에 선을 그리도록 설정합니다.

Default Value:

solid

dataTipBorderWidthNumber

데이터 팁 테두리 선의 굵기를 설정합니다.

Default Value:

dataTipDisplayModeString

데이터 팁의 출력형태를 설정합니다.

유효값은 다음과 같습니다.

none - 차트상의 데이터 포인트에 마우스 오버 시 데이터 포인트 위치에 데이터 팁이 표시됩니다.

mouse - 차트상의 데이터 포인트에 마우스 오버 시 데이터 팁이 마우스를 따라 움직입니다.

axis - 동일한 X 좌표(바 차트는 Y 좌표) 선상에 있는 데이터 포인트들의 위치에 데이터 팁이 표시됩니다.

Default Value:

none

dataTipFontColorOnSeriesBoolean

데이터 팁의 폰트 색상을 시리즈 색상과 동일하게 할 지 여부를 설정합니다.

Default Value:

false

dataTipFormatterObject

데이터 팁에 적용되는 포맷터를 설정합니다.

유효값은 다음과 같습니다.

NumberFormatter

CurrencyFormatter

DateFormatter

Default Value:

NumberFormatter

dataTipModeString

showDataTips 값이 true 인 경우, 데이터 팁의 표현 방식을 설정합니다.

유효값은 다음과 같습니다.

single - 마우스 오버 시 해당 지점에서 가장 가까운 데이터 포인트의 데이터 팁 하나가 표시됩니다.

multiple - 마우스 오버 시 해당 지점에서 가까운 다수의 데이터 팁이 표시됩니다.

Default Value:

multiple

dataTipOrderString

dataTipDisplayMode 값이 axis 일 경우 출력되는 데이터 팁의 순서를 설정합니다.

유효값은 normal, reverse 입니다.

Default Value:

normal

dataTipStyleNameString

데이터 팁의 스타일을 <Style> 노드에 설정할 경우, <Style> 노드에 정의된 이름을 설정합니다.

<Style> 노드에 스타일을 정의할 때는 반드시 스타일명 앞에 마침표가 위치해야 합니다.

Default Value:

null

doubleClickEnabledBoolean

차트 영역에 대하여 마우스 더블클릭을 활성화할 지 여부를 설정합니다.

Default Value:

false

enableDataEffectBoolean

이펙트(애니메이션 효과)를 적용할 지 여부를 설정합니다.

Default Value:

true

enablePatternBoolean

시각 장애 사용자를 위한 패턴 적용 여부를 설정합니다.

차트를 생성하는 HTML 내에 차트 설정 변수, chartVars 값이 "&usePattern=true" 으로 설정되고, 이 속성값이 true 일 경우 차트에 패턴이 적용됩니다.

Default Value:

false

gapBetweenAxesNumber

다중 축이 설정된 경우, 축과 축 사이의 여백의 크기를 설정합니다.

Default Value:

groupFieldString

그룹 카테고리 사용시 차트에 출력될 데이터 필드명을 설정합니다.

Default Value:

items

gutterBottomNumber

축과 차트의 데이터 포인트들이 표현되는 영역 사이의 하단 공간을 설정합니다.

미 설정 시 자동으로 계산됩니다.

Default Value:

gutterLeftNumber

축과 차트의 데이터 포인트들이 표현되는 영역 사이의 왼쪽 공간을 설정합니다.

미 설정 시 자동으로 계산됩니다.

Default Value:

gutterRightNumber

축과 차트의 데이터 포인트들이 표현되는 영역 사이의 오른쪽 공간을 설정합니다.

미 설정 시 자동으로 계산됩니다.

Default Value:

gutterTopNumber

축과 차트의 데이터 포인트들이 표현되는 영역 사이의 상단 공간을 설정합니다.

미 설정 시 자동으로 계산됩니다.

Default Value:

heightNumber

생성되는 차트의 세로 크기를 설정합니다.

기본값은 차트가 생성되는 DIV 의 세로 크기와 같습니다 (100%).

DIV 의 세로 크기에 대한 비율을 퍼센트 값으로 설정하거나 픽셀 단위의 숫자를 직접 설정할 수 있습니다.

Default Value:

100%

hideToolTipAtTouchEndBoolean

모바일에서 touchend 이벤트가 발생할 경우 데이터 팁(툴팁)을 삭제할 지 여부를 설정합니다.

유효값은 다음과 같습니다.

true - touchend 이벤트 발생 시에 표시되는 데이터 팁(툴팁)을 삭제합니다.

false - 차트 영역 이외의 영역에 touch 시 표시되는 데이터 팁(툴팁)을 삭제합니다.

Default Value:

false

horizontalAxisObject

차트의 가로축을 설정합니다.

일반적으로 영역 차트인 경우 수평축에 CategoryAxis 를 사용하지만 경우에 따라서 LinearAxis 혹은 DateTimeAxis 를 사용할 수 있습니다.

Default Value:

LinearAxis

horizontalAxisRenderersObject

가로축의 렌더러를 설정합니다.

예를 들어, 가로축의 위치, 색상, 텍스트 스타일 등에 기본값(default)을 사용하지 않고 원하는 값으로 설정하려면 렌더러를 정의할 필요가 있습니다.

유효값은 Axis2DRenderer 와 Axis2DRenderer 를 상속받은 클래스들의 인스턴스입니다.

Default Value:

null

horizontalDataTipOffsetNumber

dataTipMode 속성이 multiple 인 경우, 데이터 팁 간의 간격을 설정합니다.

Default Value:

idString

식별자(Identifier)를 설정합니다.

식별자(Identifier)는 사용자에 의해 정의된 임의의 고유값입니다.

설정된 식별자(Identifier)를 통해 해당 객체에 접근이 가능합니다.

Default Value:

null

maxColumnWidthNumber

컬럼(column)의 최대 넓이값을 픽셀 단위로 설정합니다.

실제 컬럼(column)의 넓이는 columnWidthRatio 속성과 maxColumnWidth 속성을 계산하여 그중 작은 값이 적용됩니다.

Default Value:

maximumDataTipCountNumber

dataTipMode 가 multiple 일 경우의 최대 출력되는 데이터 팁의 개수를 설정합니다.

Default Value:

mouseSensitivityNumber

데이터 팁 출력 시 출력되는 데이터 포인트들의 마우스 반경을 설정합니다.

설정한 값이 클수록 더 많은 데이터 팁(더 큰 마우스 반경에 포함되는 데이터 포인트들)이 출력됩니다.

Default Value:

paddingBottomNumber

하단 여백의 크기를 픽셀 단위로 설정합니다.

Default Value:

paddingLeftNumber

왼쪽 여백의 크기를 픽셀 단위로 설정합니다.

Default Value:

paddingRightNumber

오른쪽 여백의 크기를 픽셀 단위로 설정합니다.

Default Value:

paddingTopNumber

상단 여백의 크기를 픽셀 단위로 설정합니다.

Default Value:

selectionModeString

차트상의 데이터 포인트에 마우스 오버 혹은 클릭 시 해당 아이템의 강조 표시 방식을 설정합니다.

유효값은 none, single, multiple 입니다.

Default Value:

single

seriesObject

차트상에 표시되는 데이터의 시리즈를 설정합니다.

유효값은 Column2DSeries, Area2DSet, Column3DSet, Bar3DSeries 등 입니다.

Default Value:

null

seriesMouseOverActionString

시리즈에 마우스를 오버 시 강조할 대상을 설정합니다.

유효값은 none, item, series, axis, seriesAxis, 입니다.

Default Value:

item

showDataTipMarkerBoolean

데이터 팁 내에 각 시리즈의 색상과 같은 색상의 마커를 표시할 지 여부를 설정합니다.

Default Value:

true

showDataTipsBoolean

차트상의 데이터 포인트에 마우스 오버 시 데이터 팁의 출력 여부를 설정합니다.

Default Value:

false

showHorizontalAxisDataTipBoolean

가로축에 대한 데이터 팁 보여주기 여부를 설정합니다.

Default Value:

false

showVerticalAxisDataTipBoolean

세로축에 대한 데이터 팁 보여주기 여부를 설정합니다.

Default Value:

false

touchMoveEnableBoolean

모바일 기기에서 손가락으로 차트 영역을 이동할 경우, touchMove 이벤트를 브라우저에 넘길지 여부를 설정합니다.

touchMove 이벤트를 브라우저에 넘기면 차트 영역에서 touchMove 이벤트 발생 시 브라우저 스크롤이 일어나며, touchMove 이벤트를 브라우저에 넘기지 않으면 차트 영역 내에서 브라우저 스크롤이 일어나지 않습니다.

차트를 touchMove 할 때 브라우저 스크롤이 발생하면, 데이터 팁(툴팁)을 확인하기 어려운 문제가 있으므로, 이를 사용자가 선택할 수 있도록 하기 위한 속성입니다.

Default Value:

true

typeString

Column2DChart 의 표현 유형을 설정합니다.

유효값은 다음과 같습니다.

clustered - 각 시리즈를 나열하듯이 표현합니다. 기본 방식(default)입니다.

overlaid - 각 시리즈를 덮어씌우는 형식으로 표시하여, 마지막에 표시되는 시리즈가 전면(foreground)에 나타납니다.

stacked - 각 시리즈를 쌓아올려 표현합니다. 모든 시리즈는 그 아래에 있는 모든 값의 누적치를 나타냅니다.

100% - 각 시리즈가 100% 대비 비율에 계산되어 쌓이는 방식으로 표현됩니다.

Default Value:

clustered

verticalAxisObject

차트의 세로축을 설정합니다.

일반적으로 영역 차트인 경우 수직축에 LinearAxis 를 사용하지만 경우에 따라서 CategoryAxis 혹은 DateTimeAxis 를 사용할 수 있습니다.

Default Value:

LinearAxis

verticalAxisRenderersObject

세로축의 렌더러를 설정합니다.

예를 들어, 세로축의 위치, 색상, 텍스트 스타일 등에 기본값(default)을 사용하지 않고 원하는 값으로 설정하려면 렌더러를 정의할 필요가 있습니다.

유효값은 Axis2DRenderer 와 Axis2DRenderer 를 상속받은 클래스들의 인스턴스입니다.

Default Value:

null

widthNumber

생성되는 차트의 가로 크기를 설정합니다.

기본값은 차트가 생성되는 DIV 의 가로 크기와 같습니다 (100%).

DIV 의 가로 크기에 대한 비율을 퍼센트 값으로 설정하거나 픽셀 단위의 숫자를 직접 설정할 수 있습니다.

Default Value:

100%

Methods

inherited axisClickJsFunction(id, text)

축의 라벨을 클릭하였을 때 실행될 자바스크립트 함수명을 설정합니다.

<...Chart axisClickJsFunction="axisClickFunc" ...>
...
axisClickFunc(id, text) {
  ...
}

Name	Type	Description
`id`	String	축의 식별자(Identifier)
`text`	String	클릭한 축의 라벨값

inherited axisDataTipJsFunction(id, text)

축에 대한 데이터 팁 보여주기 여부(showHorizontalAxisDataTip, showVerticalAxisDataTip) 값이 true 일 경우, 데이터 팁의 내용을 작성하는 자바스크립트 함수명을 설정합니다.

<...Chart axisDataTipJsFunction="axisDataTipFunc" ...>
...
axisDataTipFunc(id, text) {
  ...
}

Name	Type	Description
`id`	String	축의 식별자(Identifier)
`text`	String	마우스 오버된 축의 라벨값

inherited chartClickJsFunction(eventName, id)

차트 영역을 마우스 클릭하면 호출할 자바스크립트 함수명을 설정합니다.

<...Chart chartClickJsFunction="chartClickHandler" ...>
...
chartClickHandler(eventName, id) {
  ...
}

Name	Type	Description
`eventName`	String	해당 자바스크립트를 실행한 이벤트 명입니다.
`id`	String	chartClickJsFunction 을 실행한 차트의 식별자(Identifier) 입니다.

inherited chartDoubleClickJsFunction(eventName, id)

차트 영역을 마우스 더블클릭하면 호출할 자바스크립트 함수명을 설정합니다.

<...Chart chartDoubleClickJsFunction="chartDoubleClickHandler" ...>
...
chartDoubleClickHandler(eventName, id) {
  ...
}

Name	Type	Description
`eventName`	String	해당 자바스크립트를 실행한 이벤트 명입니다.
`id`	String	chartDoubleClickJsFunction 을 실행한 차트의 식별자(Identifier) 입니다.

inherited chartOutJsFunction(eventName, id)

차트 영역에서 마우스 아웃하면 호출할 자바스크립트 함수명을 설정합니다.

<...Chart chartOutJsFunction="chartOutHandler" ...>
...
chartOutHandler(eventName, id) {
  ...
}

Name	Type	Description
`eventName`	String	해당 자바스크립트를 실행한 이벤트 명입니다.
`id`	String	chartOutJsFunction 을 실행한 차트의 식별자(Identifier) 입니다.

inherited chartOverJsFunction(eventName, id)

차트 영역을 마우스 오버하면 호출할 자바스크립트 함수명을 설정합니다.

<...Chart chartOverJsFunction="chartOverHandler" ...>
...
chartOverHandler(eventName, id) {
  ...
}

Name	Type	Description
`eventName`	String	해당 자바스크립트를 실행한 이벤트 명입니다.
`id`	String	chartOverJsFunction 을 실행한 차트의 식별자(Identifier) 입니다.

inherited dataRestoreCallFunction(depth)

차트가 드릴다운되어 있을 경우 Back 버튼 클릭 시 실행될 자바스크립트 함수명을 설정합니다.

<Column2DChart ... dataRestoreCallFunction="function_name">
...
function function_name(depth) {
  ...
}

Name	Type	Description
`depth`	Number	Back 버튼 클릭 시 차트에 삽입되는 데이터의 depth

inherited dataTipJsFunction(seriesId, seriesName, index, xName, yName, data, values)

차트상의 데이터 포인트에 마우스 오버 시 표시되는 데이터 팁의 내용을 작성하는 자바스크립트 함수명을 설정합니다.

<...Chart showDataTips="true" dataTipJsFunction="myDataTip" ...>
...
myDataTip(seriesId, seriesName, index, xName, yName, data, values) {
  ...
}

values 값은 배열로 전달되며 차트의 종류에 따라 다음과 같습니다.
1.  바 시리즈(Bar2DSeries, Bar3DSeries) - 0 : x축 값, 1 : y축 값
2.  컬럼 시리즈(Column2DSeries, Column3DSeries) - 0 : x축 값, 1 : y축 값
3.  영역 시리즈(Area2DSeries, CandleArea2DSeries) - 0 : x축 값, 1 : y축 값
4.  버블 시리즈(Bubble2DSeries, Bubble3DSeries) - 0 : x축 값, 1 : y축 값, 2 : radius 값
5.  라인 시리즈(Line2DSeries, CandleLine2DSeries) - 0 : x축 값, 1 : y축 값
6.  파이 시리즈(Pie2DSeries, Pie3DSeries) - 0 : 값, 1 : 퍼센티지, 2 : nameField 값
7.  캔들 시리즈(Candlestick2DSeries) - 0 : x축 값, 1 : openField 값, 2 : closeField 값, 3 : highField 값, 4 : lowField 값
8.  윙 시리즈(Column2DWingSeries, Bar2DWingSeries) - 0 : x축 값, 1 : y축 값, 2 : xOpp 값, 3 : yOpp 값
9.  히스토그램 시리즈(Histogram2D, Histogram3DSeries) - 0 : x축 값, 1 : y축 값
10. 트리맵 시리즈(TreeMapSeries) - 0 : weight 값, 1 : text 값
11. 박스플롯 시리즈(BoxPlotSeries) - 0 : upper 값, 1 : median 값, 2 : lower 값, 3 : min 값, 4 : hidden 값
12. 벡터 시리즈(Vector2DSeries) - 0 : degree 값, 1 : velocity 값, 2 : meter 값
13. 워드클라우드 시리즈(WordCloudSeries) - 0 : text 값, 1 : weight 값
14. 피라미드, 퓨넬 시리즈(Pyramid2DSeries) - 0 : weight 값, 1 : nameField 값
15. 오버레이버블 시리즈(OverlayBubbleSeries) - 0 : field 값, 1 : nameField 값
16. 이미지매트릭스 시리즈(ImageMatrixSeries) - 0 : value 값
17. 윈드로즈 시리즈(WindRoseSeries) - 0 : field 값

Name	Type	Description
`seriesId`	String	레이아웃에서 부여한 시리즈의 식별자(Identifier)가 있을 경우 해당 식별자를 나타냅니다.
`seriesName`	String	시리즈의 displayName 속성값으로 설정한 시리즈 이름을 나타냅니다.
`index`	Number	해당 시리즈의 인덱스 값입니다.
`xName`	String	X축에 displayName 을 정의하였다면 X축의 displayName 을 나타냅니다.
`yName`	String	Y축에 displayName 을 정의하였다면 Y축의 displayName 을 나타냅니다.
`data`	Object	데이터 아이템의 데이터 객체입니다.
`values`	Array	해당 아이템의 값입니다. 배열로 전달됩니다.

inherited displayCompleteCallFunction(id)

차트의 생성이 완료되었을 때 실행될 자바스크립트 함수명을 설정합니다.

파라메터로는 차트에 설정된 식별자(Identifier)가 넘어갑니다.

<...Chart displayCompleteCallFunction="displayCompleteFunc" ...>
...
displayCompleteFunc(id) {
  ...
}

Name	Type	Description
`id`	String	displayCompleteCallFunction 을 실행한 차트의 식별자(Identifier) 입니다.

inherited itemClickJsFunction(seriesId, displayName, index, data, values)

차트상의 데이터 포인트에 마우스 클릭 시 실행되는 자바스크립트 함수명을 설정합니다.

<...Chart showDataTips="true" itemClickJsFunction="chartClick" ...>
...
chartClick(seriesId, displayText, index, data, values) {
  ...
}

values 값은 배열로 전달되며 차트의 종류에 따라 다음과 같습니다.
1.  바 시리즈(Bar2DSeries, Bar3DSeries) - 0 : x축 값, 1 : y축 값
2.  컬럼 시리즈(Column2DSeries, Column3DSeries) - 0 : x축 값, 1 : y축 값
3.  영역 시리즈(Area2DSeries, CandleArea2DSeries) - 0 : x축 값, 1 : y축 값
4.  버블 시리즈(Bubble2DSeries, Bubble3DSeries) - 0 : x축 값, 1 : y축 값, 2 : radius 값
5.  라인 시리즈(Line2DSeries, CandleLine2DSeries) - 0 : x축 값, 1 : y축 값
6.  파이 시리즈(Pie2DSeries, Pie3DSeries) - 0 : 값, 1 : 퍼센티지, 2 : nameField 값
7.  캔들 시리즈(Candlestick2DSeries) - 0 : x축 값, 1 : openField 값, 2 : closeField 값, 3 : highField 값, 4 : lowField 값
8.  윙 시리즈(Column2DWingSeries, Bar2DWingSeries) - 0 : x축 값, 1 : y축 값, 2 : xOpp 값, 3 : yOpp 값
9.  히스토그램 시리즈(Histogram2D, Histogram3DSeries) - 0 : x축 값, 1 : y축 값
10. 트리맵 시리즈(TreeMapSeries) - 0 : weight 값, 1 : text 값
11. 박스플롯 시리즈(BoxPlotSeries) - 0 : upper 값, 1 : median 값, 2 : lower 값, 3 : min 값, 4 : hidden 값
12. 벡터 시리즈(Vector2DSeries) - 0 : degree 값, 1 : velocity 값, 2 : meter 값
13. 워드클라우드 시리즈(WordCloudSeries) - 0 : text 값, 1 : weight 값
14. 피라미드, 퓨넬 시리즈(Pyramid2DSeries) - 0 : weight 값, 1 : nameField 값
15. 오버레이버블 시리즈(OverlayBubbleSeries) - 0 : field 값, 1 : nameField 값
16. 이미지매트릭스 시리즈(ImageMatrixSeries) - 0 : value 값
17. 윈드로즈 시리즈(WindRoseSeries) - 0 : field 값

Name	Type	Description
`seriesId`	String	레이아웃에서 부여한 시리즈의 식별자(Identifier)가 있을 경우 해당 식별자를 나타냅니다.
`displayName`	String	해당 시리즈의 displayName 값입니다.
`index`	Number	클릭된 데이터 아이템(막대, 파이 조각 등)의 인덱스 번호입니다. 가장 왼쪽 또는 가장 위쪽의 인덱스 번호는 0 입니다.
`data`	Object	데이터 아이템의 데이터 객체입니다.
`values`	Array	해당 아이템의 값입니다. 배열로 전달됩니다.

inherited itemDoubleClickJsFunction(seriesId, displayName, index, data, values)

데이터 아이템을 마우스 더블클릭하면 호출할 자바스크립트 함수명을 설정합니다.

<...Chart itemDoubleClickJsFunction="itemDoubleClickHandler" ...>
...
itemDoubleClickHandler(seriesId, displayName, index, data, values) {
  ...
}

Name	Type	Description
`seriesId`	String	마우스 더블클릭 되어진 시리즈 객체의 식별자(Identifier)입니다.
`displayName`	String	해당 시리즈의 displayName 값입니다.
`index`	Number	해당 아이템의 인덱스 값입니다.
`data`	Object	데이터 아이템의 데이터 객체입니다.
`values`	Array	해당 아이템의 값입니다. 배열로 전달됩니다.

inherited itemDownJsFunction(seriesId, displayName, index, data, values)

데이터 아이템을 마우스 다운하면 호출할 자바스크립트 함수명을 설정합니다.

<...Chart itemDownJsFunction="itemDownHandler" ...>
...
itemDownHandler(seriesId, displayName, index, data, values) {
  ...
}

Name	Type	Description
`seriesId`	String	마우스 다운 되어진 시리즈 객체의 식별자(Identifier)입니다.
`displayName`	String	해당 시리즈의 displayName 값입니다.
`index`	Number	해당 아이템의 인덱스 값입니다.
`data`	Object	데이터 아이템의 데이터 객체입니다.
`values`	Array	해당 아이템의 값입니다. 배열로 전달됩니다.

inherited itemMoveJsFunction(eventName, items)

데이터 아이템에서 마우스 무브하면 호출할 자바스크립트 함수명을 설정합니다.

<...Chart itemMoveJsFunction="itemMoveHandler" ...>
...
itemMoveHandler(eventName, items) {
  ...
}

Name	Type	Description
`eventName`	String	해당 자바스크립트를 실행한 이벤트 명입니다.
`items`	String	mouseMove 되어지는 아이템들의 배열 값입니다.

inherited itemOutJsFunction(eventName, items)

데이터 아이템에서 마우스 아웃하면 호출할 자바스크립트 함수명을 설정합니다.

<...Chart itemOutJsFunction="itemOutHandler" ...>
...
itemOutHandler(eventName, items) {
  ...
}

Name	Type	Description
`eventName`	String	해당 자바스크립트를 실행한 이벤트 명입니다.
`items`	String	mouseOut 되어지는 아이템들의 배열 값입니다.

inherited itemOverJsFunction(eventName, items)

데이터 아이템을 마우스 오버하면 호출할 자바스크립트 함수명을 설정합니다.

<...Chart itemOverJsFunction="itemOverHandler" ...>
...
itemOverHandler(eventName, items) {
  ...
}

Name	Type	Description
`eventName`	String	해당 자바스크립트를 실행한 이벤트 명입니다.
`items`	Array	mouseOver 되어지는 아이템들의 배열 값입니다.

inherited itemUpJsFunction(seriesId, displayName, index, data, values)

데이터 아이템에서 마우스 업하면 호출할 자바스크립트 함수명을 설정합니다.

<...Chart itemUpJsFunction="itemUpHandler" ...>
...
itemUpHandler(seriesId, displayName, index, data, values) {
  ...
}

Name	Type	Description
`seriesId`	String	마우스 업 되어진 시리즈 객체의 식별자(Identifier)입니다.
`displayName`	String	해당 시리즈의 displayName 값입니다.
`index`	Number	해당 아이템의 인덱스 값입니다.
`data`	Object	데이터 아이템의 데이터 객체입니다.
`values`	Array	해당 아이템의 값입니다. 배열로 전달됩니다.

inherited lazyJsFunction(id)

스크롤 차트에서 차트 영역을 마우스 드래그하여 스크롤의 끝에 이르면 실행될 자바스크립트 함수명을 설정합니다.

<...Chart lazyJsFunction="lazyData" ...>
...
lazyData(id) {
  ...
}

Name	Type	Description
`id`	String	lazyJsFunction 을 실행한 차트의 식별자(Identifier)

Class: Column2DChart

new Column2DChart()

Extends

Members

annotationElementsObject

axisDataTipBorderColorHexadecimal

axisDataTipBorderRadiusNumber

axisDataTipBorderStyleString

axisDataTipBorderWidthNumber

axisMouseSensitivityNumber

backgroundElementsObject

buttonModeBoolean

canDropSeriesLabelsBoolean

chartDefaultColorsArray

columnRadiusRatioNumber

columnWidthMinRatioNumber

columnWidthRatioNumber

dataTipBackgroundColorOnSeriesBoolean

dataTipBorderColorHexadecimal

dataTipBorderColorOnSeriesBoolean

dataTipBorderRadiusNumber

dataTipBorderStyleString

dataTipBorderWidthNumber

dataTipDisplayModeString

dataTipFontColorOnSeriesBoolean

dataTipFormatterObject

dataTipModeString

dataTipOrderString

dataTipStyleNameString

doubleClickEnabledBoolean

enableDataEffectBoolean

enablePatternBoolean

gapBetweenAxesNumber

groupFieldString

gutterBottomNumber

gutterLeftNumber

gutterRightNumber

gutterTopNumber

heightNumber

hideToolTipAtTouchEndBoolean

horizontalAxisObject

horizontalAxisRenderersObject

horizontalDataTipOffsetNumber

idString

maxColumnWidthNumber

maximumDataTipCountNumber

mouseSensitivityNumber

paddingBottomNumber

paddingLeftNumber

paddingRightNumber

paddingTopNumber

selectionModeString

seriesObject

seriesMouseOverActionString

showDataTipMarkerBoolean

showDataTipsBoolean

showHorizontalAxisDataTipBoolean

showVerticalAxisDataTipBoolean

touchMoveEnableBoolean

typeString

verticalAxisObject

verticalAxisRenderersObject

widthNumber

Methods

inherited axisClickJsFunction(id, text)

inherited axisDataTipJsFunction(id, text)

inherited chartClickJsFunction(eventName, id)

inherited chartDoubleClickJsFunction(eventName, id)

inherited chartOutJsFunction(eventName, id)

inherited chartOverJsFunction(eventName, id)

inherited dataRestoreCallFunction(depth)

inherited dataTipJsFunction(seriesId, seriesName, index, xName, yName, data, values)

inherited displayCompleteCallFunction(id)

inherited itemClickJsFunction(seriesId, displayName, index, data, values)

inherited itemDoubleClickJsFunction(seriesId, displayName, index, data, values)

inherited itemDownJsFunction(seriesId, displayName, index, data, values)

inherited itemMoveJsFunction(eventName, items)

inherited itemOutJsFunction(eventName, items)

inherited itemOverJsFunction(eventName, items)

inherited itemUpJsFunction(seriesId, displayName, index, data, values)