메뉴바로가기
본문바로가기
하단바로가기
맨위로가기
조달쇼핑몰 등록 제품
[구매링크]
영업/마케팅문의
기술지원문의
facebook
blog
softbowl
SBCHART
SBChart 가이드
SBChart 가이드
Options
API 목록
Release Note
적용예시
Examples
적용예시
고객지원
FAQ
기술지원/제품구입/데모문의
전체메뉴보기
닫기
SBChart 가이드
SBChart 가이드
시작하기
Getting Started
Basic Usage
Using with jQuery
Using with requireJS
차트 종류
All charts
Heatmap
Map
Barrange
Line
Bar
Bar (Rotated)
Spline
Step
Area
Bubble
Combination
Stackbar
Stackbar (100%)
Stackbar (Rotated)
Stackarea
Stackarea (100%)
Scatter Plot
pie
Donut
Gauge
Radar
차트 데이터
Columns Data
Rows Data
JSON Data
Options
Options
global
global.size
global.color
global.padding
global.accessibility
global.pattern
global.animation
data.columns
data.rows
data.json
data.keys
data.type
data.types
data.groups
data.legends
data.labels
data.x
data.xs
data.noData
axis.rotated
axis.axes
axis.x
axis.x.categories
axis.x.tick
axis.x.label
axis.x.padding
axis.x.scroll
axis.x.zoom
axis.y
axis.y.tick
axis.y.label
axis.y.padding
axis.y2
axis.y2.tick
axis.y2.label
axis.y2.padding
grid
title
legend
legend.item
legend.inset
tooltip
tooltip.format
tooltip.position
extend.point
extend.bar
extend.area
extend.pie
extend.donut
extend.gauge
extend.bubble
extend.radar
extend.heatmap
extend.barrange
Map Chart Options
global.padding
global.export
data.type
data.json
data.keys
title
tooltip
tooltip.format
extend.map
Method
Options API
render()
version
Class
classes
API 목록
Release Note
적용예시
Examples
Options
Show/Hide
Size
Colors Pattern
CSS Class
Accessibility Pattern
Animation
Data Labels
Legend Labels
Stacked Groups
Categories
Axis Padding
Axis Min/Max
Axis Label
Axis Tick Count
Axis Tick Format
Axis Tick Values
Axis Outer Tick
Tick Rotation
Tick Rotation (Rotated)
Axis Y Zerobased
Axis X Scroll
Axis X Zoom
Legend Position
Legend Item
Title
Tooltip
Bar Width
Point
Pie/Donut/Gauge Label
Pie/Donut Arc Spacing
Donut/Gauge Radius
Donut Options
Gauge Options
Bubble Options
Radar Options
Heatmap Options
Barrange Options
Data
Columns Data
Rows Data
JSON Data
적용예시
AI Patents
Approval rating
Coffee Production (PC)
a Lot-solid apart (PC)
Dashboard 1 (PC)
고객지원
FAQ
기술지원/제품구입/데모문의
SBChart 가이드
시작하기
Getting Started
Basic Usage
Using with jQuery
Using with requireJS
차트 종류
All Charts
Heatmap
Map
Barrange
Line
Bar
Bar (Rotated)
Spline
Step
Area
Bubble
Combination
Stackbar
Stackbar (100%)
Stackbar (Rotated)
Stackarea
Stackarea (100%)
Scatter Plot
Pie
Donut
Gauge
Radar
차트 데이터
Columns Data
Rows Data
JSON Data
HOME
SBChart 가이드
SBChart 가이드
적용예시
고객지원
SBChart 가이드
Options
API 목록
Release Note
시작하기
차트 종류
차트 데이터
All Chart
Line
Bar
Bar (Rotated)
Spline
Step
Area
Bubble
Combination
Stackbar
Stackbar (100%)
Stackbar (Rotated)
Stackarea
Stackarea (100%)
Scatter Plot
pie
Donut
Gauge
Radar
Combination
#latest
#chart
그룹별로 각각 막대, 선, 곡선 차트를 같이 그려준 예제입니다.
data.types옵션으로 그룹별 차트 종류를 지정합니다.
range 계열 차트는 (차트 종류)-(값 종류) 형식으로 지정합니다. ex) barrange-start, barrange-end
차트 종류가 지정되지 않으면 라인 차트로 렌더링 됩니다.
Example
Code
Run