チャートJSを使用して縦棒グラフのY軸値を設定する方法

Question

この縦棒グラフでは、y 軸には正の値と負の値があります。

ゼロ値より上下の正の整数を使用したいと考えています。

バージョン 4.2.1 を使用しています

どうすればいいですか?

垂直チャートの例

var MONTHS = [
      「1月」、
      「2月」、
      「3月」、
      「4月」、
      「5月」、
      「6月」、
      「7月」、
      「8月」、
      「9月」、
      「10月」、
      「11月」、
      「12月」、
    ];
    var color = Chart.helpers.color;
    var barChartData = {
      ラベル: ["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 = 血液圧力グラフ;
    新しいチャート(ctx, {
      タイプ: 「バー」、
      データ: barChartData、
      オプション: {
        応答性: true、
        伝説： {
          位置: 「上」、
        }、
        タイトル： {
          表示: true、
          テキスト: "Chart.js 棒グラフ",
        }、
      }、
    });

これはチャート JS を使用した私のコードです。

私のコード図

Answer 1

Y 軸ラベルのテキストのみを変更したい場合は、関数 options.scales.y.ticks.callback を設定することでラベルを完全に変更できます。 ドキュメントを参照してください #詳細については、 ## および API リファレンス を参照してください。あなたの場合、負の値を正として読み取るには、次を使用できます: リーリー ＃＃＃または＃＃＃ リーリー

リーリー リーリー