SVGStyles
Properties
fill: string
(opens in a new tab)
SVG에 적용되는 css fill
(opens in a new tab) 스타일 속성.
default :undefined
fillOpacity: string
(opens in a new tab)
SVG에 적용되는 css fill-opacity
(opens in a new tab) 스타일 속성.
default :undefined
fontFamily: string
(opens in a new tab)
SVG에 적용되는 css font-family
(opens in a new tab) 스타일 속성.
default :undefined
fontSize: string
(opens in a new tab)
SVG에 적용되는 css font-size
(opens in a new tab) 스타일 속성.
default :undefined
fontStyle: string
(opens in a new tab)
SVG에 적용되는 css font-style
(opens in a new tab) 스타일 속성.
default :undefined
fontWeight: string
(opens in a new tab)
SVG에 적용되는 css font-weight
(opens in a new tab) 스타일 속성.
default :undefined
padding: string
(opens in a new tab)
SVG에 적용되는 정식 css style 속성이 아니다.
데이터포인트 라벨등 몇 요소의 배경 간격 설정으로 사용할 수 있다.
default :undefined
rx: string
(opens in a new tab)
SVG에 적용되는 css rx
(opens in a new tab) 스타일 속성.
'bar'
시리즈의 데이터포인트 bar의 모서리를 지정하는 데 사용된다.
default :undefined
stroke: string
(opens in a new tab)
SVG에 적용되는 css stroke
(opens in a new tab) 스타일 속성.
default :undefined
strokeDasharray: string
(opens in a new tab)
SVG에 적용되는 css stroke-dasharray
(opens in a new tab) 스타일 속성.
default :undefined
strokeWidth: string
(opens in a new tab)
SVG에 적용되는 css stroke-width
(opens in a new tab) 스타일 속성.
default :undefined
textAlign: 'center'
| 'left'
| 'right'
텍스트 정렬을 지정한다.
SVG에 적용되는 정식 css style 속성이 아니다.
즉, HTML이나 realchart-style.css 등의 외부 css 파일에서 사용할 수 없고,
RealChart 내부에서 title
, datapoint label
등의
inline 스타일 속성으로 지정할 수 있다.
const config = {
subtitle: {
style: {
textAlign: 'left',
},
},
};
'center'
영역 가운데로 정렬한다.'left'
왼쪽으로 정렬한다.'right'
오른쪽으로 정렬한다.
default :undefined