차트 JS를 사용하여 세로 막대 차트에서 y 축 값을 설정하는 방법

Question

이 수직 막대 차트에서 y축은 양수 값과 음수 값을 갖습니다.

0 값 위와 아래에 양의 정수를 사용하고 싶습니다.

버전 4.2.1을 사용하고 있습니다

어떻게 해야 하나요?

세로형 차트 예

var MONTHS = [
      "1월",
      "2월",
      "3월",
      "4월",
      "5월",
      "6월",
      "7월",
      "8월",
      "9월",
      "10월",
      '11월',
      '12월',
    ];
    var 색상 = Chart.helpers.color;
    var barChartData = {
      labels: ["1월", "2월", "3월", "4월", "5월", "6월", "7월"],
      데이터세트: [
        {
          라벨: "데이터세트 1",
          배경색상: 'rgba(255, 201, 14, 1)',
          borderColor: 'rgba(255, 201, 14, 1)',
          국경 폭: 1,
          데이터: [
            10,
            20,
            30,
            40,
            50
          ],
        },
        {
          라벨: "데이터세트 2",
          배경색상: 'rgba(255, 201, 14, 1)',
          borderColor: 'rgba(255, 201, 14, 1)',
          국경 폭: 1,
          데이터: [
            -100,
            -200,
            -300,
            -400,
            -500
          ],
        },
      ],
    };

    var ctx = bloodPressureChart;
    새 차트(ctx, {
      유형: "바",
      데이터: 막대차트데이터,
      옵션: {
        반응형: 사실,
        전설: {
          위치: "상단",
        },
        제목: {
          디스플레이: 사실,
          텍스트: "Chart.js 막대 차트",
        },
      },
    });

차트 JS를 사용한 코드입니다.

내 코드 다이어그램

Answer 1

Y축 레이블의 텍스트만 변경하려는 경우 options.scales.y.ticks.callback함수를 설정하여 완전히 변경할 수 있습니다. 자세한 내용은 문서 및 API 참조를 참조하세요. 귀하의 경우 음수 값을 양수로 읽으려면 다음을 사용할 수 있습니다.

으아악

또는

으아악

으아악 으아악