chart.js 막대그래프 예제

이러한 예제를 사용하려면 Chart.js를 포함해야 합니다. 이 기사에서는 HTML5 캔버스 요소를 사용하여 페이지에 차트를 그리는 Chart.js라는 자바 스크립트 라이브러리를 소개합니다. 라이브러리에 대한 간략한 개요 후에이 라이브러리의 사용에 대한 두 가지 예제도 보여 드리겠습니다. 다운로드한 후에는 페이지에 JavaScript 파일을 포함해야 합니다. 다음 예제에서는 올 인클루시브 버전을 포함하려는 것으로 가정합니다: 콘텐츠는 왕입니다. 우리 모두는 검색 엔진에 미치는 영향 때문에 좋은 텍스트가 변환을 구동 할 수있는 방법을 표현하는이 문장을 듣거나 읽었습니다. 그러나 텍스트는 검색 엔진에 적합하지만 이미지 나 차트를 보고 개념을 더 잘 이해할 수 있는 경우도 있습니다. 예를 들어 웹사이트가 설문조사에 대해 전문적으로 사용하는 경우 설문조사에 대한 설명도 중요하지만 설문조사 데이터를 요약한 차트는 사용자에게 훨씬 더 강력합니다. 그런 다음 차트를 그리는 데 사용되는 데이터를 만들어야 합니다. 실제 사례에서는 데이터가 어떤 식으로든 서버에서 제공되지만 지금은 서버를 사용하지 않고 고정된 예제를 사용합니다. 원형 차트의 경우 각 개체의 배열을 전달해야 하며, 각 개체에는 여러 속성이 포함될 수 있습니다. 그러나 첫눈에 사용할 수 있고 이해하기 쉽도록 각 개체에 표시할 값, 원형 조각의 색상 및 아래와 같이 레이블이 포함되어야 합니다.

이전 예제의 한 줄을 변경하여 막대형 차트를 만들 수 있습니다. 이제 Chart.js를 시작하는 데 필요한 것을 알고 있으므로 몇 가지 예제를 볼 차례입니다. 간결함을 위해 나는 내 예에서 라이브러리의 모든 포함 버전을 사용하지만”src”폴더의 모든 모듈을 찾을 수 있습니다. 선도표는 선을 위해 유형을 설정하여 작성됩니다. 기본적으로 선에는 선과 x축 사이의 영역을 덮는 진한 투명 채우기가 함께 제공됩니다. 이러한 채우기는 다른 줄을 난독 처리하는 경향이 있으므로이 예제의 모든 데이터 집합에서 제거했습니다 (false 채우기).


Parse error: syntax error, unexpected ',' in /home/nickegge/public_html/wp-content/themes/minimatica/comments.php on line 68