ngx charts

NGX 차트

Angular에 대한 선언적 차트 프레임 워크!

NGX 차트는 우리가 단순히 D3을 랩핑하거나 그 문제에 대한 다른 차트 엔진을 랩핑하지 않기 때문에 독특합니다. SVG 요소를 모든 바인딩 및 속도 선으로 렌더링하고 애니메이션하기 위해 각도를 사용하고 있으며 우수한 수학 기능, 스케일, 축 및 모양 발전기에 D3을 사용합니다. 각도 렌더링을하게함으로써 angular 플랫폼이 AOT, SSR 등과 같은 Angular 플랫폼이 제공하는 끝없는 가능성으로 우리를 열어줍니다.

데이터 시각화는 과학이지만 그것이 추악해야한다는 의미는 아닙니다. 이 프로젝트를 만들면서 우리가 한 큰 노력 중 하나는 차트를 미적으로 기쁘게 만드는 것입니다. 스타일은 CSS를 통해 완전히 사용자 정의 할 수 있으므로 원하는대로 재정의 할 수 있습니다.

또한 NGX-Charts 모듈을 통해 노출되는 다양한 NGX 차트 구성 요소를 활용하여 사용자 정의 차트 구성이 가능합니다.

자세한 내용은 문서와 데모를 확인하십시오.

특징

차트 유형

• 수평 및 수직 막대 차트 (표준, 그룹화, 스택, 정규화)
• 선
• 면적 (표준, 스택, 정규화)
• 파이 (폭발, 그리드, 커스텀 레전드)
• 거품
• 도넛
• 게이지 (선형 및 방사형)
• 히트 맵
• 트리 맵
• 번호 카드
• 샌키 다이어그램

사용자 정의

• 자동화
• 타임 라인 필터링
• 라인 보간
• 구성 가능한 축 레이블
• 전설 (레이블 및 그라디언트)
• 고급 레이블 포지셔닝
• 실시간 데이터 지원
• 고급 툴팁
• 데이터 포인트 이벤트 처리기
• ngupgrade와 함께 작동합니다

설치하다

프로젝트에서 NGX 차트를 사용하려면 NPM을 통해 설치하십시오.

 npm i @swimlane/ngx-charts --save

맞춤형 차트

NGX-Charts 구성 요소를 사용하여 사용자 정의 차트를 작성하고 예제를 찾는 방법을 배우려면 사용자 정의 차트 페이지를 참조하십시오.

풀어 주다

• 결제 마스터 ( git checkout master )
• 풀 마스터 ( git pull )
• 노드 모듈 새로 고침 ( npm ci )
• 실행 테스트 ( npm test )
• 다음 버전 (XYZ)을 결정하려면 로그를 검사하십시오.
• git checkout -b release/XYZ 실행하십시오
• projects/swimlane/ngx-charts/package.json 의 업데이트 버전.
• projects/docs/changelog.md 에서 ChangEleg를 업데이트하십시오
• 실행 git commit -am "(release): XYZ"
• git tag XYZ 실행하십시오
• git push origin HEAD --tags 실행하십시오
• 실행 npm run publish:lib
• PR을 제출하십시오

크레딧

ngx-charts 는 수영장 오픈 소스 프로젝트입니다. 우리는 응용 프로그램을 위해 구축 한 프로젝트 중 일부를 공유하여 오픈 소스 커뮤니티에 환원하는 것을 믿습니다. Swimlane은 사이버 보안 팀이 위협 인텔리전스를 활용하고 사고 대응 속도를 높이며 보안 운영을 자동화 할 수있는 자동화 된 사이버 보안 운영 및 사고 대응 플랫폼입니다.

Secops Hub는 보안 전문가가 아이디어, 사용 사례, 모범 사례 및 사고 대응 전략을 공유 할 수있는 개방적이고 제품 악의적 인 온라인 커뮤니티입니다.