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