우리가 매일 주목하는 전염병 분포는 어떻게 결정되나요?

이때부터 매일 아침 일어나서 가장 먼저 하는 일은 휴대폰을 켜서 현재의 전염병 현황을 확인하는 것입니다.

프로그래머로서 이 그림을 보면서 이 그림은 바이두의 전자차트를 활용해서 그려야겠다는 생각이 들었고, 그러다가 전자차트의 활용에 대해 생각하게 되었습니다. 하지만 시도해 보니 제가 아직 너무 어리고 제품에 대한 인식이 전혀 없었습니다.

Baidu의 echarts 팀은 실제로 echarts의 기능을 완벽하고 사용하기 쉬운 도구로 패키지화했습니다. 코드 한 줄을 모르더라도 누구나 전염병 지도와 같은 고급 아이콘을 빠르게 개발할 수 있습니다.

더 이상 고민하지 않고 이 도구는 Baidu Tushu이고 URL은 /

오른쪽 하단을 보면 정말 맞습니다. echarts에서 제작되었습니다.

퍼포먼스를 시작하겠습니다:

웹사이트를 찾아 최신 전염병 데이터를 가져옵니다.

차트 만들기를 시작하려면 클릭하세요 ---> 차트 만들기 --- > 지도 선택 --->중국 표준 지도

데이터 편집 ---> 엑셀로 가져옵니다. 저희가 준비한 전염병 데이터를 가져와서

4 매개변수 조정을 통해 색상을 조정할 수 있습니다

. 값 필드 범위와 컨트롤러 색상을 수정하여 값 필드에서. 꽤 좋은 차트를 만드는 것은 쉽습니다.

이 외에도 일러스트에는 흔히 사용되는 전설이 많이 있습니다. 이것이 우리가 전자차트로 자주 하는 일입니다.

이 도구는 매우 훌륭하지만 프로그래머가 코드로 작성할 수 있으므로 많은 문제를 줄일 수 있습니다. 또한 이 도구를 사용하면 소스 코드를 볼 수 있으며 구현되지 않은 기능을 수정하는 데에도 사용할 수 있습니다.

코드를 이해하지 못하는 사람은 코드 한 줄도 이해할 필요 없이 바로 사용해도 됩니다.

기타 오픈 소스 차트 권장 사항

D3.js는 사용자 데이터를 기반으로 문서를 처리하는 데 사용되는 오픈 소스 JavaScript 라이브러리입니다. 이는 HTML, SVG 및 CSS의 도움으로 데이터에 생명을 불어넣는 강력한 도구입니다. D3를 사용하면 개발자는 임의의 데이터를 DOM에 바인딩한 다음 데이터 기반 변환을 DOM에 적용할 수 있습니다. 예를 들어 HTML 테이블을 생성하는 데 사용할 수 있는 배열 배열을 고려하거나 동일한 데이터를 사용하여 대화형 막대 차트 또는 원형 차트를 생성할 수 있습니다.

공식 웹사이트: https://d3js.org/

Chart.js는 커뮤니티에서 관리하는 차트 라이브러리로, 이를 사용하여 웹사이트에 대한 반응형 차트를 만들 수 있습니다. 이를 사용하면 최신 브라우저에서 잘 렌더링되는 하이브리드 차트를 생성할 수 있습니다. Angular Chart는 Chart.js 라이브러리를 기반으로 구축되었으며 Angular 프로젝트에서 Angular 차트를 구현하는 것은 매우 쉽습니다.

공식 웹사이트: http://www.chartjs.org/

n3-charts는 Angular 개발자의 삶을 단순하게 만들어주는 오픈 소스 JavaScript 차트 라이브러리이기도 합니다. n3-chart는 D3.js 및 AngularJS를 기반으로 구축되었으므로 더욱 강력한 차트를 제공하고 구현이 쉽습니다.

공식 홈페이지: http://n3-charts.github.io/line-chart/#/home