wx charts

wx 차트

WeChat 소형 앱용 차트, WeChat 소형 앱용 차트

캔버스를 바탕으로 한 드로잉, 작은 크기

계속해서 최적화와 업데이트를 진행하고 있으니 지켜봐 주시기 바랍니다~ 문의사항이 있으신 경우 이슈를 제기하시기 전 본 공지사항을 꼭 읽어주시기 바랍니다.

ByteDance는 베이징, 상하이, 선전, 항저우, 청두, 우한, 광저우 및 난징에 위치한 다수의 프런트엔드 개발 엔지니어(3학년, 4학년, 리더)를 모집하고 있습니다. 관심 있는 친구는 여기를 클릭하여 지원서를 제출하세요. .

지원되는 차트 유형

• pie 차트 파이
• 도넛 차트 ring
• line 그래프 선
• 막대 차트 column
• 지역 지도 area
• 레이더 차트 radar

코드 분석여기

기록 업데이트

• 애니메이션 성능 최적화
• @jxintang 덕분에 차트 스크롤 지원
• 곡선 그리기 최적화
• 레이더 차트 추가 2017-03-17
• 새로운 툴팁 2017-03-07
• 새로운 곡선 그리기 2017-03-06
• 데이터 업데이트, 진행 중인 애니메이션 종료, 이벤트 콜백 렌더링 메서드 추가 2017-02-17
• 도넛 차트 제목, 부제 추가 2017-01-10
• x축 카피라이팅 충돌 방지 2016-12-30
• 원형 차트 dataLabel 추가 2016-12-19
• 애니메이션 추가 2016-12-05
• 2016-12-02 rollup 으로 빌드
• 범례 추가 2016-11-29

사용방법

1. 컴파일된 파일 dist/wxcharts.js 또는 dist/wxcharts-min.js 직접 참조합니다.

2. 직접 컴파일

 git clone https://github.com/xiaolin3303/wx-charts.git
npm install rollup -g
npm install
rollup -c 或者 rollup --config rollup.config.prod.js

실제 프로젝트에서 wx-charts를 사용하는 방법 또는 wx-charts-demo를 방문하여 WeChat 개발 도구에서 직접 실행하는 예를 확인하세요.

매개변수 설명

매개변수 설명 - wxCharts 사용 문서

방법 및 이벤트

메소드 & 이벤트 - wxCharts 사용 지침

예

자세한 내용은 예제 - wxCharts 사용 지침을 참조하세요.

시험

1. 아이폰 6s, iOS 9.3.5
2. 샤오미 4, ANDORID 6.0.1

이슈에 호환성 문제를 제출해 주세요.

몇 가지 질문 요약

• wx-charts 적응형 화면 너비 관련 문제
• 프로젝트에서 wxCharts를 구체적으로 사용하는 방법