높은 차트 : 그룹화 된 세로 막 대형 차트에서 두 막대 사이의 거리를 줄일 수 있습니까?

user10404931

Highcharts의이 예제를 사용하여 음수 값이있는 그룹화 된 세로 막 대형 차트를 표시합니다. https://www.highcharts.com/demo/column-negative

x 축에 속성이 적 으면 동일한 값의 두 막대 사이의 거리가 더 넓어집니다. 옵션을 사용하여이 거리를 줄이고 매달 두 개의 막대를 서로 가깝게 보이게 할 수 있습니까? 질문과 함께 출력을 첨부합니다. 샘플 차트

내가 사용하는 옵션은 다음과 같습니다.

plotOptions: {
    column: {
       dataLabels: {
          enabled: false
       },
       pointWidth: 15
    },
    series: {
       centerInCategory: true
    }
},
Karol Kołodziej

groupPaddingpointWidth속성을 사용하여 그룹화 된 열 사이의 간격을 조정할 수 있습니다.

 plotOptions: {
    column: {
      dataLabels: {
        enabled: false
      },
      groupPadding:0.35,
      pointWidth: 25
    }
  },

API :
https://api.highcharts.com/highcharts/series.column.groupPadding
https://api.highcharts.com/highcharts/series.column.pointWidth

라이브 데모 :
https://jsfiddle.net/BlackLabel/kfwz7gce/

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

비율을 나타내는 두 개의 범주 형 변수로 그룹화 된 막대 차트를 만드는 방법은 무엇입니까?

분류에서Dev

Holoviews : 그룹화 된 막대 차트의 x 축에서 변수 이름 제거

분류에서Dev

막대 차트에 막대를 그룹화하는 방법이 있습니까?

분류에서Dev

D3.js를 사용하는 "한 줄로"그룹화 된 막대 차트

분류에서Dev

ggplot2를 사용하여 그룹화 된 막대 차트에 대한 오차 막대를 그리는 방법은 무엇입니까?

분류에서Dev

그룹화 된 막대 차트에서 사각형 크기를 줄이는 방법 d3js v4

분류에서Dev

Excel에서 결합 된 세로 막 대형 차트 그리기

분류에서Dev

그룹화 된 막대가있는 세로 막대 차트를 표시합니다.

분류에서Dev

JavaFX에 그룹화 된 누적 막대 차트를 만드는 방법이 있습니까?

분류에서Dev

Excel의 표에서 "그룹화 된"막대 차트 만들기

분류에서Dev

Excel의 표에서 "그룹화 된"막대 차트 만들기

분류에서Dev

ggplot2를 사용한 그룹화 된 막대 차트

분류에서Dev

matplotlib에서 5 그룹 막대 막대 차트를 어떻게 그릴 수 있습니까?

분류에서Dev

격자 막대 차트에서 막대 사이의 너비를 줄이는 방법은 무엇입니까?

분류에서Dev

계층화 된 막대 차트로 동일한 x 위치에있는 두 막대를 모두 선택합니다.

분류에서Dev

자바 스크립트의 세로 막 대형 차트에서 스크롤 막대를 제거하는 방법은 무엇입니까?

분류에서Dev

Python DataFrame-그룹화 된 열 (최소 두 개의 열)이있는 데이터 프레임에 대한 막대 차트 플로팅

분류에서Dev

그룹화 된 막대 차트에 대한 데이터 구성

분류에서Dev

Pandas를 사용하여 데이터 프레임에서 (그룹화 된) 막대 차트를 그리는 방법

분류에서Dev

그룹화 된 막대 차트에서 각 막대에 레이블을 지정하는 방법은 무엇입니까?

분류에서Dev

CSV 대신 JSON 데이터의 그룹화 된 막대 차트

분류에서Dev

MPAndroidChart 그룹화 된 막대 차트 onclick

분류에서Dev

두 개의 날짜 시리즈를 세로 막 대형 차트로 플로팅

분류에서Dev

Highcharts : 일관되지 않은 간격으로 인해 세로 막 대형 차트에 밴딩이 있습니다.

분류에서Dev

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

분류에서Dev

그룹화 된 막대 그림에 오차 막대를 추가하는 방법은 무엇입니까?

분류에서Dev

hvplot의 그룹화 된 막대 차트에 값 추가

분류에서Dev

행 범위에서 찾은 값의 수를 표시하는 세로 막 대형 차트 삽입

분류에서Dev

ggplot : R의 그룹화 된 막대 차트에 그룹 평균 값을 선으로 추가하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    비율을 나타내는 두 개의 범주 형 변수로 그룹화 된 막대 차트를 만드는 방법은 무엇입니까?

  2. 2

    Holoviews : 그룹화 된 막대 차트의 x 축에서 변수 이름 제거

  3. 3

    막대 차트에 막대를 그룹화하는 방법이 있습니까?

  4. 4

    D3.js를 사용하는 "한 줄로"그룹화 된 막대 차트

  5. 5

    ggplot2를 사용하여 그룹화 된 막대 차트에 대한 오차 막대를 그리는 방법은 무엇입니까?

  6. 6

    그룹화 된 막대 차트에서 사각형 크기를 줄이는 방법 d3js v4

  7. 7

    Excel에서 결합 된 세로 막 대형 차트 그리기

  8. 8

    그룹화 된 막대가있는 세로 막대 차트를 표시합니다.

  9. 9

    JavaFX에 그룹화 된 누적 막대 차트를 만드는 방법이 있습니까?

  10. 10

    Excel의 표에서 "그룹화 된"막대 차트 만들기

  11. 11

    Excel의 표에서 "그룹화 된"막대 차트 만들기

  12. 12

    ggplot2를 사용한 그룹화 된 막대 차트

  13. 13

    matplotlib에서 5 그룹 막대 막대 차트를 어떻게 그릴 수 있습니까?

  14. 14

    격자 막대 차트에서 막대 사이의 너비를 줄이는 방법은 무엇입니까?

  15. 15

    계층화 된 막대 차트로 동일한 x 위치에있는 두 막대를 모두 선택합니다.

  16. 16

    자바 스크립트의 세로 막 대형 차트에서 스크롤 막대를 제거하는 방법은 무엇입니까?

  17. 17

    Python DataFrame-그룹화 된 열 (최소 두 개의 열)이있는 데이터 프레임에 대한 막대 차트 플로팅

  18. 18

    그룹화 된 막대 차트에 대한 데이터 구성

  19. 19

    Pandas를 사용하여 데이터 프레임에서 (그룹화 된) 막대 차트를 그리는 방법

  20. 20

    그룹화 된 막대 차트에서 각 막대에 레이블을 지정하는 방법은 무엇입니까?

  21. 21

    CSV 대신 JSON 데이터의 그룹화 된 막대 차트

  22. 22

    MPAndroidChart 그룹화 된 막대 차트 onclick

  23. 23

    두 개의 날짜 시리즈를 세로 막 대형 차트로 플로팅

  24. 24

    Highcharts : 일관되지 않은 간격으로 인해 세로 막 대형 차트에 밴딩이 있습니다.

  25. 25

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

  26. 26

    그룹화 된 막대 그림에 오차 막대를 추가하는 방법은 무엇입니까?

  27. 27

    hvplot의 그룹화 된 막대 차트에 값 추가

  28. 28

    행 범위에서 찾은 값의 수를 표시하는 세로 막 대형 차트 삽입

  29. 29

    ggplot : R의 그룹화 된 막대 차트에 그룹 평균 값을 선으로 추가하는 방법은 무엇입니까?

뜨겁다태그

보관