>  기사  >  웹 프론트엔드  >  FusionCharts 차트는 이중 Y축 이중(다중) curves_javascript 기술을 표시합니다.

FusionCharts 차트는 이중 Y축 이중(다중) curves_javascript 기술을 표시합니다.

WBOY
WBOY원래의
2016-05-16 17:48:131429검색

FusionCharts 차트는 프로젝트에서 이중 Y축을 표시해야 합니다. FCF_MSLine.swf는 이를 수행할 수 없는 것 같습니다.
검색 후 MSCombiDY2D.swf로 표시할 수 있습니다. . 생성된 다이어그램은 다음과 같습니다.


두 차트의 데이터는 동일하지만,
의 해당 XML 텍스트는 다음과 같습니다:
코드 복사 코드는 다음과 같습니다.

🎜><카테고리 라벨='20121110' />
<카테고리 라벨='20121111' />
<카테고리 라벨='20121112' /> 20121113' />




'3171' />
<설정값='700' />
<설정값='1287' /> >



🎜><설정값='15' />
<설정값='66' />
<설정값='85' /> 37' />


이제 영역 차트를 곡선으로 변경하려면



설명:
parentYAxis='P'는 왼쪽의 해당 Y축을 의미합니다
parentYAxis='S' 해당 표현은 오른쪽 Y축입니다
renderAs는 모양을 나타내고, Area는 면적 차트, Line은 곡선 차트
매개변수 설정 정보
기능적 특징
Animation 데이터 표시 여부, 기본값은 1(True)
showNames 가로 좌표축(x축) 레이블 이름 표시 여부
rotateNames 표시 레이블 회전 여부, 기본값은 0 (False): 가로 표시
showValues ​​​​해당 데이터를 차트에 표시할지 여부 값, 기본값은 1(True)
yAxisMinValue는 세로축(y축)의 최소값을 지정하고, 숫자는
yAxisMaxValue는 세로축(y축)의 최소값을 지정합니다. number
showLimits 차트 제한(y축) 표시 여부(y축) 최대값, 최소값), 기본값은 1(True)
차트 제목 및 축 이름
caption 차트 기본 제목
subCaption 차트 부제
xAxisName 가로 좌표축(x축) 이름
yAxisName 세로 좌표축(y축) 이름
차트 및 캔버스 스타일
bgColor 차트 배경색, 6자리 16진수 색상 값
canvasBgColor 캔버스 배경 색상, 6자리 16진수 색상 값
canvasBgAlpha 캔버스 투명도, [0-100]
canvasBorderColor 캔버스 테두리 색상, 6자리 16진수 색상 값
canvasBorderThickness 캔버스 테두리 두께, [0-100]
shadowAlpha 투영 투명도, [0-100]
showLegend 시리즈 이름 표시 여부, 기본값은 1(True)
글꼴 속성
baseFont 차트 글꼴 스타일
baseFontSize 차트 글꼴 크기
baseFontColor 차트 글꼴 색상, 6자리 16진수 색상 값
outCnvBaseFont 차트 캔버스 외부 글꼴 스타일
outCnvBaseFontSize 차트 캔버스 외부 글꼴 크기
outCnvBaseFontColor 차트 캔버스 외부 글꼴 색상, 6자리 16진수 색상 값
구분선 및 그리드
numDivLines 캔버스 내부 가로 구분선 갯수, number
divLineColor 가로 구분선 색상, 6자리 16진수 색상값
divLineThickness 가로 구분선 굵기, [1-5]
divLineAlpha 가로 구분선 투명도, [0 -100]
showAlternateHGridColor 수평 그리드 밴드에서 색상을 대체할지 여부, 기본값은 0(False)
alternateHGridColor 수평 그리드 밴드 대체 색상, 6자리 16진수 색상 값
alternateHGridAlpha 수평 그리드 스트립의 투명도 , [0-100]
showDivLinues Div 행의 값을 표시할지 여부, 기본값? ?
numVDivLines 캔버스 내부 세로 구분선 수, number
vDivLineColor 세로 구분선 색상, 6자리 16진수 색상 값
vDivLineThickness 세로 구분선 두께, [1-5]
vDivLineAlpha 세로 구분선 투명도 , [0-100]
showAlternateVGridColor 수직 그리드에서 색상을 대체할지 여부, 기본값은 0(False)
alternateVGridColor 수직 그리드의 대체 색상, 6자리 16진수 색상 값
alternateVGridAlpha 수직 투명도 그리드 밴드의 [0-100]
숫자 형식
numberPrefix는 숫자 접두어를 증가시킵니다.
numberSuffix는 숫자 접미어 %를 '%'로 증가시킵니다.
formatNumberScale의 형식을 지정할지 여부 숫자, 기본값은 1(True)이며 숫자에 K(천) 또는 M(백만)을 자동으로 추가합니다. 0이면 는 K 또는 M을 추가하지 않습니다.
decimalPrecision은 소수 자릿수, [0-10] 예: ='0' 반올림
divLineDecimalPrecision은 수평 분할선 값의 소수 자릿수를 지정하고, [0-10]
limitsDecimalPrecision은 y축의 최대 및 최소값에 대한 소수 자릿수 자릿수, [0-10]
formatNumber 숫자를 구분하는 쉼표(천, 백만), 기본값은 1(True)입니다. 0, 구분 기호가 추가되지 않음
decimalSeparator는 소수 구분 문자를 지정합니다. 기본값은 '.'입니다.
thousandSeparator 천 단위 구분 기호를 지정합니다. 기본값은 ','입니다.
도구 설명/마우스 오버 제목
showhovercap 여부 호버 설명 상자를 표시하려면 기본값은 1(True)입니다.
hoverCapBgColor 호버 설명 상자의 배경색, 6자리 16진수 색상 값
hoverCapBorderColor 호버 설명 상자의 테두리 색상, 6- 숫자 16진수 색상 값
hoverCapSepChar 호버 설명 상자와 구분 기호 값 사이의 값을 지정합니다. 기본값은 ','입니다.
꺾은선형 차트의 매개변수
lineThickness 폴리선의 두께
anchorRadius 폴리라인 노드 반경, 숫자
anchorBgAlpha 폴리라인 노드 투명도, [0-100]
anchorBgColor 폴리라인 노드 채우기 색상, 6자리 16진수 색상 값
anchorBorderColor 폴리라인 노드 테두리 색상, 6자리 16진수 색상 값
Set 태그에 사용되는 매개변수
value 데이터 값
color color
링크 링크(이 창은 [Url]을 열고, 새 창은 [n-Url]을 열고, JS를 호출합니다. function [JavaScript: function])
이름 가로축 라벨 이름
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.