매우 강하고 빠르게 렌더링 되는 대화식 및 반응 형 차트.
말이 필요 없다, 숫자로 보여준다!

라이트닝차트 JS 주식거래 쇼케이프 어플리케이션

Worldtradingdata.com에서 불러온 라이브 데이터로 작성한 거래 차트. 다음 기능을 갖고 있다:

  • OHLC
  • 간단 이동 평균
  • 지수 이동 평균
  • 볼린저 밴드
  • 볼륨
  • 상대 강도 지수

라이트닝차트 JS 스트리밍 데이터 쇼케이스 어플리케이션

실시간으로 여러 채널을 건너 많은 랜덤 데이터를 스크롤링.

초당 렌더링 된 프레임 (FPS) 및 입력되는 초당 데이터 포인트 (PPS)는 차트에 표시 됩니다.

라이트닝차트 JS 렌더링 속도 쇼케이스 어플리케이션

백만개의 데이터 포인트가 있는 LineSeries를 렌더링하는 시간을 (밀리 초로) 계산합니다.

차트에 결과를 보여 줍니다.

라이트닝차트 JS 오디오 시각화 쇼케이스

웹 오디오 API 를 통해 오디오 데이터를 실시간으로 추출합니다. 웹 오디오 API는 새로운 AnalyzerNode를 생성할 수 있는 .createAnalyser() 메소드를 갖고 있습니다. AnalyzerNode 는 시간 도메인 데이터 (웨이브형) 및 오디오 시그널의 Fast Fourier 변형인 주파수 데이터를 불러올 수 있는 메소드를 갖고 있습니다. 타임 도메인 데이터는 타임 도메인 차트에 보이는 대로 표시 됩니다. 그 같은 데이터가 웨이브형 히스토리 차트에도 표시 됩니다. 이 차트는 오디오 입력의 최신 백만개의 샘플을 표시 합니다. 마지막 차트인 스펙트룸 (Spectrum)은 세 다른 시리즈를 표시하기 위해 사용 됩니다

  • 최신 샘플의 연속체
  • 보여지는 최대 주파수
  • 부패 주파수 기록.

Github example 대화식 차트의 예

자바 스크립트 고성능 웹GL 차트

라이트닝차트 JS는 당신의 차트의 높은 리프레시율과 응용 프로그램의 부드러운 애니메이션을 보장하기 위해 개발 된 웹GL 기반 크로스 플랫폼 차팅 라이브러리 입니다. 이는 API 문서화, 광범위한 기능들 및 혁신적인 대시보드 제어를 갖고 있다. 공학, 의학, 산업 공정 제어 및 주식 거래 등에 최적화 되어 있다.

대시보드

수십 개의 차트, 범례 상자, 버튼, 체크박스, 기타 다른 UI 요소를 쉽고 편리하게 관리할 수 있습니다. 리소스 효율성을 고려하여 모든 차트를 한 GPU 화면에 렌더링하므로 행과 열의 크기를 매우 빠르게 조절할 수 있습니다.

애니메이션

독보적이고 강력한 렌더링 기능을 통해 업계 표준 이상의 애니메이션 효과를 차트 데이터에 추가할 수 있습니다. 확대/축소, 초점 이동, 데이터 커서 이동 등이 직관적인 대화식 터치스크린에서 처리됩니다.

WebGL 렌더링

GPU 가속화 및 WebGL 렌더링 기능으로 기기의 그래픽 프로세서 효율이 높아졌기 때문에 새로고침 속도가 빨라지고 강력한 실행 성능을 발휘합니다.

XY 차트

  • 차트 유형: 선형 및 포인트형 그래프, 영역형 그래프, 범위형 그래프, 주식형 그래프, 막대형 그래프, 타원형 그래프, 상자 그림형 그래프, 선 세그먼트형 그래프.
  • 선형 축은 왼쪽/오른쪽/위/아래에 배치할 수 있으며 하나의 차트에 여러 개의 XY축을 겹쳐놓을 수 있습니다.
  • 축 배율 모드에는 피팅, 확대, 누진/역진, 수동이 포함됩니다.
  • 마커와 데이터 커서의 형태와 스타일은 맞춤 설정 가능합니다.

레이더/거미줄형 차트

  • 축은 카테고리별로 자동 생성됩니다.
  • 원형 및 선형 격자.
  • 선, 포인트, 영역형 그래프.
  • 축 배율 모드에는 피팅, 확대, 수동이 포함됩니다.
  • 데이터 커서의 형태와 스타일은 맞춤 설정 가능합니다.

원형/도넛형 차트

  • 슬라이스 스타일은 채움 영역과 테두리 패턴에 따라 다릅니다.
  • 슬라이스의 정렬과 형식은 맞춤 설정 가능합니다.
  • 슬라이스 값은 전이되며 삭제/복원은 애니메이션으로 구현됩니다.
  • 레이블은 연결선을 사용하여 차트 옆에 배치하거나 슬라이드 안에 표시합니다.
  • 슬라이스를 마우스로 클릭하거나 터치하면 프로그래매틱 방식으로 ‘쪼갤 수’ 있습니다.

깔때기형 차트

  • 슬라이스 스타일은 채움 영역과 스트로크 패턴에 따라 다릅니다.
  • 슬라이스 사이에 비어 있는 틈이 있을 수 있습니다.
  • 슬라이스의 정렬과 형식은 맞춤 설정 가능합니다.
  • 레이블은 연결선을 사용하여 차트 옆에 배치하거나 슬라이드 안에 표시합니다.
  • 슬라이스는 너비 및 높이 변수에 따라 2가지 다른 방식으로 표시할 수 있습니다.
  • 슬라이스를 움직이게 설정할 수 있다. 슬라이스의 값 변경, 슬라이스 추가 및 제거가 기동성을 지원한다.
  • 사용자가 모든 슬라이스에 에니메이션을 활성화 또는 비활성화 할 수 있다.

게이지형 차트

  • 게이지 스타일은 채움 영역과 스트로크 패턴에 따라 다릅니다.
  • 게이지의 두께는 맞춤 설정 가능합니다.
  • 게이지 슬라이스 스타일은 채움 패턴에 따라 다릅니다.
  • 슬라이스의 형식과 스타일은 맞춤 설정 가능합니다.
  • 게이지의 시작 각도와 끝 각도를 맞춤 설정합니다.
  • 게이지의 값 간격을 맞춤 설정합니다.
  • 게이지 값이 변하면 간격과 각도가 전이되며, 게이지 삭제/복원은 애니메이션으로 구현됩니다.

피라미드형 차트

  • 슬라이스 스타일은 채움 영역과 스트로크 패턴에 따라 다릅니다.
  • 슬라이스 사이에 비어 있는 틈이 있을 수 있습니다.
  • 슬라이스의 형식과 스타일은 맞춤 설정 가능합니다.
  • 연결 선으로 옆에 라벨을 설정 하거나 내부 슬라이스로 설정 가능하다
  • 슬라이스를 움직이게 설정할 수 있다. 슬라이스의 값 변경, 슬라이스 추가 및 제거가 기동성을 지원한다.
  • 사용자가 모든 슬라이스에 에니메이션을 활성화 또는 비활성화 할 수 있다.

웹에서 최고의 성능을 발휘하는 차트 작성 라이브러리

LightningChart® JS는 높은 데이터 전송 속도로 수십 개의 데이터 피드를 동시에 모니터링할 수 있는 강력한 실행 성능을 발휘합니다.

GPU 가속화 및 WebGL 렌더링 기능으로 기기의 그래픽 프로세서 효율이 높아졌기 때문에 새로고침 속도가 빨라지고 보다 원활하게 애니메이션이 재생됩니다.
성능 테스트 결과에서 LightningChart JS 성능 수준에 대해 알아보세요.
실시간 성능은 수천만 개에 이르는 데이터 포인트까지 끌어올릴 수 있습니다.

최고의 사용자 경험

독보적이고 강력한 LightningChart® JS의 렌더링 기능을 통해 업계 표준 이상의 애니메이션 효과를 차트 데이터에 추가할 수 있습니다. 그래프 라이브러리는 확대/축소, 초점 이동, 데이터 커서 이동 등을 직관적인 대화식 방법으로 처리할 수 있는 터치스크린을 제공합니다.

대시보드 컨트롤을 사용하면 수십 개의 차트, 범례 상자, 버튼, 체크박스, 기타 다른 UI 요소를 쉽고 편리하게 관리할 수 있습니다. 대시보드는 리소스 효율성을 고려하여 단일 GPU 화면에 렌더링되며, 이 화면에서는 열과 행의 크기도 신속하게 조절할 수 있습니다.

Zooming interactive chart in touch screen using LightningChart charting library
Interactive example of point clusters JavaScript chart chart in LightningChart charting library

포괄적인 예시 세트

대화형 예시에는 수십 개의 샘플과 즉각적인 코드 수정이 포함되어
있습니다.

리소스

개발자들이 LightningChart JS를 더 쉽게 활용할 수 있도록 몇 가지 유용한 리소스를 마련했습니다. 리소스 페이지를 방문하시면 제품 문서, FAQ, 성능 데모, 대화식 예시 등 LightningChart JS의 포괄적인 지원과 유용한 자료를 확인할 수 있습니다.

기술 요구사항

하드웨어

최신 드라이브/소프트웨어가 설치되어 있고 WebGL와 호환 가능한 그래픽 하드웨어.

소프트웨어

2018년 12월 Arction의 검증을 거친 호환 가능한 웹 브라우저
Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, Opera

무료 커뮤니티 라이선스

비상업적 프로젝트, 연구, 기타 다른 개인 용도로 이용할 경우 LightningChart® JS의 무료 커뮤니티 라이선스를 다운로드하세요.

StackOverflow에서 ‘lightningchart’를 태그하고 지식 기반에 액세스하여 코드 예시를 공유하고 동료 개발자에게 질문하고 LightningChart® JS 커뮤니티의 답변을 받아보세요.

다운로드 Learn more

커뮤니티 라이선스 기능

+ LightningChart JS의 모든 기능 제공
+ 제한 없는 사용 기간
+ 제품 업데이트 및 커뮤니티 지원에 액세스

– 상용 웹사이트 또는 유사한 용도로 사용 금지
– 제품 워터마크 포함
– 사용 가능한 소스 코드 없음
– 사용 가능한 지원 티켓 없음

상업적 용도로 LightningChart® JS를 사용하고 싶으신가요?

문의하기
이메일: sales@arction.com
또는 아래의 문의 양식을 사용하세요.
이메일 주소

여기에 영어로 메시지를 남겨주시면 24시간 내에 답변드리겠습니다.

자세히 알아보기