JSChart 경량 그래픽 보고서 도구(내장 기능에 대한 중국어 참조)_javascript 기술

인터넷에 이 프레임워크에 대한 기사가 많지 않고 중국어도 잘 지원하지 않기 때문입니다. 설명서는 모두 영어로 되어 있지만 일부 초보자는 읽을 시간과 에너지가 없을 수 있습니다. 참고 매뉴얼을 좀 더 알기 쉽게 만들기 위해 많은 친구들이 알고 있어서 내장된 기능을 퇴근 후 대략적으로 번역했습니다. 모두가 자신이 이해하지 못하는 것을 시도해 보고 공식 사례를 참조하여 쉽게 시작할 수 있기를 바랍니다.

JSChart 내장 함수 참조

colorizeBars(array colordata)는 히스토그램의 각 사각형 색상을 설정합니다.
colorizePie(array colordata)는 원형 차트의 각 블록 색상을 설정합니다.
draw()는 모든 설정이 완료된 후 이 함수를 실행하여 차트를 그립니다.
setAxisColor(string hexcolor)는 원형 차트에 유효하지 않은 축 색상을 설정합니다. 매개변수는 16진수 색상 값입니다.
resize(정수 x, 정수 y)는 차트 크기를 재설정하고 기본 x/y는 400px/300px이며 새 값은 기본값의 정수 배수여야 합니다.
setAxisNameColor(string hexcolor)는 색상을 설정합니다. 축 이름 중 원형 차트가 유효하지 않습니다.
setAxisNameFontSize(정수 글꼴 크기)는 원형 차트에 유효하지 않은 축 이름 글꼴 크기를 설정합니다. 기본값은 11입니다.
setAxisNameX(string axisname)는 원형 차트에 유효하지 않은 x축 이름을 설정합니다.
setAxisNameY(string axisname)는 원형 차트에 유효하지 않은 y축 이름을 설정합니다.
setAxisPaddingBottom(integer padding)은 x축과 컨테이너 하단 사이의 거리를 설정하며 기본값은 30입니다.
setAxisPaddingLeft(integer padding)는 y축과 컨테이너의 왼쪽 여백 사이의 거리를 설정하며 기본값은 40입니다.
setAxisPaddingRight(integer padding)은 차트 오른쪽과 컨테이너 사이의 거리를 설정하며 기본값은 30입니다.
setAxisPaddingTop(integer padding)은 차트 상단과 컨테이너 사이의 거리를 설정하며 기본값은 30입니다.
setAxisValuesColor(string hexcolor)는 원형 차트에는 유효하지 않은 x/y 축 값의 색상을 설정합니다.
setAxisValuesDecimals(정수 소수)는 곡선 차트의 x/y 축 값 또는 막대 차트의 y 축 값을 설정합니다. 기본값은 자동입니다.
setAxisValuesFontSize(integerfontsize)는 두 축 값의 글꼴 크기를 설정하며 이는 원형 차트에는 유효하지 않습니다.
setAxisValuesNumberX(정수)는 x축에 표시되는 값의 수를 설정합니다. 이 값은 자동으로 조정되며 원형 차트에는 유효하지 않습니다.
setAxisValuesNumberY(정수)는 x축에 표시되는 값의 수를 설정합니다. 이 값은 자동으로 조정되며 원형 차트에는 유효하지 않습니다.
setAxisWidth(integer width)는 축의 너비를 설정하며 기본값은 2입니다.
setBackgroundColor(string hexcolor)는 전체 차트의 배경색을 설정하며 기본값은 #FFF입니다.
setBackgroundImage(string filename)는 차트의 배경 이미지를 설정하고 이미지는 두 축을 따라 자동으로 반복됩니다.
setBarBorderColor(string hexcolor)는 히스토그램의 막대 테두리 색상을 설정합니다. 기본값은 #C4C4C4입니다.
setBarBorderWidth(integer width)는 히스토그램에만 유효한 히스토그램 테두리의 너비를 설정합니다.
setBarColor(string hexcolor)는 히스토그램에 있는 모든 직사각형의 색상을 설정합니다. 이 함수는 colorize() 함수에 의해 재정의되며 히스토그램에만 유효합니다.
setBarOpacity(float opacity)는 히스토그램의 투명도를 설정하며 값은 0에서 1 사이이고 기본값은 0.9입니다.
setBarSpacingRatio(정수 비율)는 히스토그램의 직사각형 간격을 설정하여 히스토그램의 너비를 제어합니다. 값은 0에서 100 사이의 정수입니다. 기본값은 10입니다.
setBarValues(boolean value)는 직사각형 상단에 값을 표시할지 여부를 설정합니다.
setBarValuesColor(string hexcolor)는 히스토그램 직사각형 값의 색상을 설정합니다.
setBarValuesDecimals(정수 소수)는 히스토그램의 직사각형 높이 값을 설정합니다. 값은 10진수입니다. 기본값은 자동입니다.
setBarValuesFontSize(정수 글꼴 크기)는 히스토그램 직사각형 값의 글꼴 크기를 설정하며 기본값은 8입니다.
setCanvasIdPrefix(문자열 접두사)는 제작 요소의 ID 접두사를 맞춤 설정하며 기본값은 JSChart이며 일반적으로 이 값은 그렇지 않습니다. 수정해야 합니다.
setDataArray(array data, string id)는 배열 형식으로 데이터를 차트로 가져옵니다. id 매개변수는 선택사항이며 동일한 ID를 설정할 수 있습니다.
setDataXML(string filename)은 xml 형식으로 차트에 데이터를 가져옵니다.
setFlagColor(string hexcolor)는 프롬프트 플래그의 색상을 설정합니다.
setFlagOffset(integer offset)은 프롬프트 플래그의 오프셋을 설정하며 원형 차트에만 적용됩니다.
setFlagOpacity(float opacity)는 프롬프트 기호의 투명도를 0에서 1 사이로 설정하며 기본값은 0.5입니다.
setFlagRadius(integer radius)는 프롬프트 기호의 반경을 설정하며 기본값은 3입니다.
setFlagWidth(integer width)는 프롬프트 로고 테두리 너비를 설정하며 기본값은 1입니다.
setGraphExtend(boolean extend)는 차트 확장 기능을 켤지 여부를 설정합니다. 기본값은 false입니다. 켜져 있으면 이중 축과 그리드 선이 확장됩니다. 현재 길이의 1/15로 스타일을 더 아름답게 만들 수 있습니다.
setGraphLabel(문자열 라벨)은 사용자 정의 차트 워터마크 라벨 텍스트를 설정합니다.
setGraphLabelColor(string hexcolor)는 사용자 정의 차트 워터마크 레이블 색상을 설정합니다.
setGraphLabelFontSize(integerfontsize)는 사용자 정의 차트 워터마크 라벨의 글꼴 크기를 설정하며 기본값은 8입니다.
setGraphLabelOpacity(float opacity)는 사용자 정의 차트 워터마크 라벨의 투명도를 설정합니다.
setGraphLabelPosition(문자열 위치)은 사용자 정의 차트 워터마크 레이블의 위치를 ​​설정합니다. 값 범위는 각각 네 모서리에 위치합니다. 기본값은 위쪽입니다. 오른쪽 코너.
setGraphLabelShadowColor(string hexcolor)는 사용자 정의 차트 워터마크 라벨의 그림자 색상을 설정합니다.
setGrid(boolean Grid)는 그리드 선 표시 여부를 설정합니다.
setGridColor(string hexcolor)는 그리드 선의 색상을 설정하며 기본값은 #C6C6C6입니다.
setGridOpacity(float opacity)는 그리드 선 투명도를 설정하며 값은 0에서 1 사이이고 기본값은 0.5입니다.
setIntervalEndX(integer end)는 x축의 끝 값을 설정합니다. 시작 값이 설정된 경우 이 값은 시작 값보다 커야 합니다.
setIntervalEndY(integer end)는 y축의 끝 값을 설정합니다. 시작 값이 설정된 경우 이 값은 시작 값보다 커야 합니다.
setIntervalStartX(integer start)는 x축의 시작 값을 설정합니다. 끝 값이 설정된 경우 이 값은 끝 값보다 작아야 합니다.
setIntervalStartY(integer start)는 y축의 시작 값을 설정합니다. 끝 값이 설정된 경우 이 값은 끝 값보다 작아야 합니다.
setLabelX(array label)는 x축에 라벨을 추가합니다. 해당 매개변수는 두 개의 값으로 구성된 배열입니다. 첫 번째 매개변수는 x축의 라벨 위치이고, 두 번째 값은 표시되는 내용입니다. 라벨로.
setLabelY(array label)는 y축에 라벨을 추가합니다. 해당 매개변수는 두 개의 값으로 구성된 배열입니다. 첫 번째 매개변수는 y축의 라벨 위치이고, 두 번째 값은 표시되는 내용입니다. 라벨로.
setLineColor(string hexcolor, string id)는 그래프의 곡선 색상을 설정합니다. 곡선 차트 예 3을 참조하세요.
setLineOpacity(float opacity, string id)는 곡선 차트에서 곡선의 투명도를 설정하며 값은 0에서 1 사이이고 기본값은 0.9입니다. 매개변수 id의 의미는 위와 동일합니다.
setLineWidth(integer width, string id)는 그래프의 곡선 너비를 설정하며 기본값은 2입니다.
setPieOpacity(float opacity)는 원형 차트의 투명도를 설정하며 값은 0~1입니다. 기본값은 1입니다.
setPiePosition(정수 x, 정수 y)는 컨테이너 내 원형 차트의 위치를 ​​설정하며, 기본값은 0이며,
setPieRadius(정수 반경)는 컨테이너 중앙에 위치합니다. 원형 차트의 반경.
setPieUnitsColor(string hexcolor)는 원형 차트 블록 이름의 색상을 설정합니다.
setPieUnitsFontSize(정수 글꼴 크기)는 원형 차트 블록 이름의 글꼴 크기를 설정합니다.
setPieUnitsOffset(정수 오프셋)은 원형 차트 블록 이름의 위치를 ​​설정하고 정수는 밖으로 이동하고 음수는 안으로 이동합니다.
setPieValuesColor(string hexcolor)는 원형 차트 값의 색상을 설정합니다.
setPieValuesDecimals(정수 소수)는 원형 차트의 총 값을 설정합니다.
setPieValuesFontSize(integerfontsize)는 원형 차트 값의 글꼴 크기를 설정합니다.
setPieValuesOffset(정수 오프셋)은 원형 차트에서 값의 오프셋을 설정합니다. 정수는 바깥쪽으로 이동하고 음수는 안쪽으로 이동합니다.
setShowXValues(boolean show) x축에 스케일 값을 표시할지 여부입니다.
setShowYValues(boolean show) y축에 스케일 값을 표시할지 여부.
setSize(정수 x, 정수 y)는 컨테이너의 크기를 미리 정의하며 draw() 함수 전에 사용해야 합니다.
setTextPaddingBottom(integer padding)은 x축의 레이블 텍스트와 컨테이너 하단 사이의 거리를 설정합니다. 기본값은 1입니다.
setTextPaddingLeft(integer padding)는 y축의 레이블 텍스트 사이의 거리를 설정합니다. -axis 및 컨테이너 왼쪽, 기본값은 8입니다.
setTextPaddingTop(정수 패딩) 차트 상단과 컨테이너 상단 사이의 거리를 설정합니다. 기본값은 15입니다.
setTitle(string 제목) 차트 제목을 설정합니다. 기본값은 "JSChart"입니다.
setTitleColor(string hexcolor)는 제목 색상을 설정합니다.
setTitleFontSize(정수 글꼴 크기)는 제목 글꼴 크기를 설정합니다.
setTitlePosition(string position)은 제목 위치, 값 범위(가운데, 왼쪽, 오른쪽)를 설정합니다.
setTooltip(array tooltip)은 x축에 팁을 설정합니다.
setTooltipBackground(string hexcolor)는 프롬프트 배경을 설정합니다.
setTooltipBorder(string css)는 프롬프트 배경 테두리 스타일을 설정합니다. 매개변수는 CSS 표현식입니다. 기본값은 1px solid #d3d3d3입니다.
setTooltipFontColor(string hexcolor)는 프롬프트 내용의 색상을 설정합니다.
setTooltipFontFamily(문자열 글꼴)은 프롬프트 글꼴 스타일을 설정하며 기본값은 arial입니다.
setTooltipFontSize(integerfontsize)는 프롬프트 콘텐츠 글꼴 크기를 설정하며 기본값은 12입니다.
setTooltipOffset(integer offset)은 프롬프트를 설정합니다. 콘텐츠 오프셋, 기본값은 7입니다.
setTooltipOpacity(float opacity)는 팁 투명도를 설정하며 기본값은 0.7입니다.
setTooltipPadding(string css)은 팁 패딩 스타일을 설정하며 기본값은 2px 5px입니다.
setTooltipPosition(string position)은 팁 위치를 설정하며 값 범위는 nw, ne, sw 및 se이며 기본값은 se입니다.

--전체

JSChart 공식 웹사이트 http://www.jscharts.com/전체 매뉴얼과 예제가 포함되어 있습니다.

중국어를 지원하지 않는 JSChart의 단점에 대해 전문가들은 이미 온라인에서 쉽게 찾을 수 있고 여기에서 다운로드할 수 있는 확장 스크립트를 제공했습니다.
다운로드 후 jscharts_mb.js만 참조할 수도 있고, jscharts.js를 먼저 참조한 다음 jscharts.plug.mb.js를 참조할 수도 있습니다.