Google 차트는 웹사이트의 데이터를 시각화하는 완벽한 방법입니다.
간단한 차트에서 복잡한 계층적 트리 맵에 이르기까지 차트 갤러리는 바로 사용할 수 있는 다양한 차트 유형을 제공합니다.
Google 차트를 사용하는 가장 일반적인 방법은 웹페이지에 삽입하는 간단한 자바스크립트를 사용하는 것입니다. 일부 Google 차트 라이브러리를 로드하고, 차트로 만들 데이터를 나열하고, 차트를 맞춤설정하는 옵션을 선택하고, 마지막으로 선택한 ID로 차트 객체를 만듭니다.
그런 다음 웹페이지에서
ID가 포함된 <div>를 만들어 Google 차트를 표시합니다.
차트는 자바스크립트 클래스로 노출되며, Google 차트에서는
다양한 차트 유형을 제공합니다.
일반적으로 기본 디자인만 필요한데, 언제든지 웹사이트의 디자인과 분위기에 맞게 차트를 맞춤설정할 수 있습니다. 차트는 상호작용이 많으며, 이벤트를 연결하여 복잡한 대시보드 또는 웹페이지와 통합된 기타 환경을 만들 수 있게 해줍니다.
차트는 HTML5/SVG 기술을 사용하여 렌더링되어 교차 브라우저 호환성(이전 IE 버전의 VML 포함)과 iPhone, iPad, Android로의 크로스 플랫폼 이동성을 제공합니다. 사용자는 플러그인이나 소프트웨어를 사용할 필요가 없습니다.
웹브라우저를 사용하는 경우 차트를 볼 수 있습니다.
모든 차트 유형은 DataTable 클래스를 사용하여 데이터로 채워지므로 실험하면서 이상적인 모양을 찾기 위해 차트 유형을 쉽게 전환할 수 있습니다.
DataTable은 데이터 정렬, 수정, 필터링 방법을 제공하며 웹페이지, 데이터베이스 또는 차트 도구 데이터 소스 프로토콜을 지원하는 데이터 제공업체에서 직접 채울 수 있습니다.
(이 프로토콜은 SQL과 유사한 쿼리 언어를 포함하며 Google 스프레드시트, Google Fusion Tables, 타사 데이터 제공업체(예: SalesForce)에서 구현됩니다.
자체 웹사이트에서 프로토콜을 구현하고 다른 서비스의 데이터 제공업체가 될 수도 있습니다.)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2024-07-10(UTC)"],[[["Google Charts offers a wide variety of interactive and customizable chart types to visualize data on your website."],["Embedding charts is straightforward using simple JavaScript that loads libraries, specifies data, customizes options, and creates a chart object within a div element."],["Charts are highly interactive, supporting events, dashboards, and integration with web pages for enhanced user experiences."],["Google Charts uses HTML5/SVG technology for cross-browser and cross-platform compatibility, ensuring accessibility for all users."],["Data population is handled by the DataTable class, enabling easy switching between chart types and providing methods for data manipulation and sourcing."]]],[]]