Recharts는 원형 차트를 세로로 렌더링합니다.

리디

원형 차트에 recharts 라이브러리를 사용 하고 있습니다.

항상 두 값에 대한 원형 차트를로드하고 싶습니다. 여기 에서 볼 수 있듯이 차트는 각도 0 에서 시작하여 수평으로로드 됩니다. 그러나 아래에서 보는 것처럼 각도 90에서 시작하고 싶습니다.

여기에 이미지 설명 입력

추신 : startAngle 및 endAngle 값 변경을 시도했습니다.

keikai

그래도 여전히 소품 startAngle관련이 있고endAngle

90 도에서 계산을 시작합니다 . (직관에 반하는 것일 수 있습니다)

아래와 같이 다른 값을 시도하면 수직 시작 파이가됩니다.

startAngle={-270}

문서에 따르면 기본값은 다음과 같습니다.

  • startAngle : 0
  • endAngle : 360

diff가 360이면 완전한 원형 파이가 표시됩니다. 다른 쌍을 시도해 볼 수 있습니다.

[-270, 90], [90, -270], [45, 405]

여기에 이미지 설명 입력

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Express는 원시 HTML을 텍스트로 렌더링합니다.

분류에서Dev

세로 막 대형 차트를 원형 차트로 변환하는 Highcharts

분류에서Dev

Chartjs는 Requirejs로 차트를 렌더링하지 않습니다.

분류에서Dev

heroku js.erb 파일은 텍스트로 렌더링해야하는 형식을 출력합니다.

분류에서Dev

Asp.Net Core는 ViewComponent를 변수로 렌더링합니다.

분류에서Dev

Django는 dict를 HTML 페이지로 렌더링합니다.

분류에서Dev

p : chart 모든 차트를 Linechart로 렌더링합니다.

분류에서Dev

Safari는 각 렌더링에서 배열 요소를 다른 순서로 렌더링합니다.

분류에서Dev

rails는 자바 스크립트로 onclick보기를 렌더링합니다.

분류에서Dev

Edge는 독일어 날짜를 Skype 링크로 렌더링합니다.

분류에서Dev

Google 차트의 세로 막 대형 차트는 최소값 아래에 막대를 표시합니다.

분류에서Dev

여러 개의 원형 차트를 세로로 그리시겠습니까?

분류에서Dev

동일한 유형의 여러 구성 요소가있는 반응 페이지. 버튼 클릭시 동일한 구성 요소를 더 많이 표시하고 원래 세트에서 다시 렌더링되지 않도록합니다.

분류에서Dev

d3js는 애니메이션 텍스트를 원형 차트로 표시합니다.

분류에서Dev

기준선 아래에 로그 렌더링 값이있는 Google 세로 막 대형 차트

분류에서Dev

다른 페이지에 단일 원형 차트를로드하는 방법

분류에서Dev

jquery .append는 닫는 태그를 자동으로 렌더링합니다.

분류에서Dev

Rails aways는 원하는 뷰 대신 application.html.erb를 렌더링합니다.

분류에서Dev

원형 차트를 대화 형으로 만드는 방법은 무엇입니까? charts_flutter의 원형 차트 onChangedListener 콜백을받지 못함

분류에서Dev

원형 차트를 대화 형으로 만드는 방법은 무엇입니까? charts_flutter의 원형 차트 onChangedListener 콜백을받지 못함

분류에서Dev

Rails4는 컨트롤러에서 CSS ID로 렌더링합니다.

분류에서Dev

Grails javascript는 컨트롤러에서 gsp로 렌더링합니다.

분류에서Dev

iOS에서 애니메이션으로 반원형 차트 (반원)를 그리는 세 번째 라이브러리가 있습니까?

분류에서Dev

MPAndroidChart 원형 차트로 다양한 데이터 세트 표시

분류에서Dev

Rails는 고유 ID가있는 형식 js를 렌더링합니다.

분류에서Dev

D3를 사용하여 SVG 원형 차트 생성 텍스트를 세로로 정렬하는 방법

분류에서Dev

렌더링 엔진은 리소스 유형을 어떻게 인식합니까? 프로세스를 설명하는 문서가 있습니까?

분류에서Dev

Symfony 3는 전체 형태 렌더링 나뭇 가지를 방지합니다.

분류에서Dev

Openlayers는 사전 렌더링 및 사후 렌더링 이벤트를 사용하여 로딩 표시기를 추가합니다.

Related 관련 기사

  1. 1

    Express는 원시 HTML을 텍스트로 렌더링합니다.

  2. 2

    세로 막 대형 차트를 원형 차트로 변환하는 Highcharts

  3. 3

    Chartjs는 Requirejs로 차트를 렌더링하지 않습니다.

  4. 4

    heroku js.erb 파일은 텍스트로 렌더링해야하는 형식을 출력합니다.

  5. 5

    Asp.Net Core는 ViewComponent를 변수로 렌더링합니다.

  6. 6

    Django는 dict를 HTML 페이지로 렌더링합니다.

  7. 7

    p : chart 모든 차트를 Linechart로 렌더링합니다.

  8. 8

    Safari는 각 렌더링에서 배열 요소를 다른 순서로 렌더링합니다.

  9. 9

    rails는 자바 스크립트로 onclick보기를 렌더링합니다.

  10. 10

    Edge는 독일어 날짜를 Skype 링크로 렌더링합니다.

  11. 11

    Google 차트의 세로 막 대형 차트는 최소값 아래에 막대를 표시합니다.

  12. 12

    여러 개의 원형 차트를 세로로 그리시겠습니까?

  13. 13

    동일한 유형의 여러 구성 요소가있는 반응 페이지. 버튼 클릭시 동일한 구성 요소를 더 많이 표시하고 원래 세트에서 다시 렌더링되지 않도록합니다.

  14. 14

    d3js는 애니메이션 텍스트를 원형 차트로 표시합니다.

  15. 15

    기준선 아래에 로그 렌더링 값이있는 Google 세로 막 대형 차트

  16. 16

    다른 페이지에 단일 원형 차트를로드하는 방법

  17. 17

    jquery .append는 닫는 태그를 자동으로 렌더링합니다.

  18. 18

    Rails aways는 원하는 뷰 대신 application.html.erb를 렌더링합니다.

  19. 19

    원형 차트를 대화 형으로 만드는 방법은 무엇입니까? charts_flutter의 원형 차트 onChangedListener 콜백을받지 못함

  20. 20

    원형 차트를 대화 형으로 만드는 방법은 무엇입니까? charts_flutter의 원형 차트 onChangedListener 콜백을받지 못함

  21. 21

    Rails4는 컨트롤러에서 CSS ID로 렌더링합니다.

  22. 22

    Grails javascript는 컨트롤러에서 gsp로 렌더링합니다.

  23. 23

    iOS에서 애니메이션으로 반원형 차트 (반원)를 그리는 세 번째 라이브러리가 있습니까?

  24. 24

    MPAndroidChart 원형 차트로 다양한 데이터 세트 표시

  25. 25

    Rails는 고유 ID가있는 형식 js를 렌더링합니다.

  26. 26

    D3를 사용하여 SVG 원형 차트 생성 텍스트를 세로로 정렬하는 방법

  27. 27

    렌더링 엔진은 리소스 유형을 어떻게 인식합니까? 프로세스를 설명하는 문서가 있습니까?

  28. 28

    Symfony 3는 전체 형태 렌더링 나뭇 가지를 방지합니다.

  29. 29

    Openlayers는 사전 렌더링 및 사후 렌더링 이벤트를 사용하여 로딩 표시기를 추가합니다.

뜨겁다태그

보관