реагирующий график js -2 бар касается вершины

Question

Когда данные заполнены, они попадают в верхнюю часть строки. есть ли возможность ограничить вершину, и мне нужно показать число с символом денег.

Мне нужно изменить ось X, чтобы показать больше, чем верхний предел. есть ли вариант к нему

          <Bar
            data={incomePropertyData}
            width={100}
            height={450}
            options={{
              maintainAspectRatio: false,
              legend: {
                display: true,
                fontColor: "#686868",
                fontFamily: "kanit, sans-serif",
              },
              tooltips: {
                titleAlign: "center",
                titleMarginBottom: 8,
                bodyFontFamily: "'Nunito', sans-serif",
                callbacks: {
                  label: function (tooltipItem, data) {
                    var label =
                      data.datasets[tooltipItem.datasetIndex].label || "";
                    if (label) {
                      label += " : ";
                    }
                    label += "₹ " + tooltipItem.yLabel;
                    return label;
                  },
                },
              },
              responsive: true,
              scales: {
                yAxes: [
                  {
                    ticks: {
                      fontFamily: "'Nunito', sans-serif",
                      fontSize: 14,
                    },
                  },
                ],
                yAxes: [
                  {
                    ticks: {
                      fontFamily: "'Nunito', sans-serif",
                      fontSize: 14,
                      beginAtZero: true,
                      callback: function (value, index, values) {
                        return "₹ " + value;
                      },
                    },
                  },
                ],
              },
            }}
          />

Answer 1

Я думаю, вы можете попробовать что-то похожее на пример, который я сделал здесь: https://stackblitz.com/edit/react-boilerplate-scalabw-45793890

Вы можете использовать максимум в scales: { yAxes : [{max: maxvalue}] }

Вы просто Мне нужно добавить функцию, которая получает максимальное значение и добавить «значение заполнения».

Я также упростил вам код в моем примере, потому что вы получили повторение между yAxes и yAxes.