Javascript Chartjs更改水平轴值

要在Chartjs中设置哪些选项来更改横轴值，请从下面的代码中将基值设置为100，而不是0

因此，如果条形图上绘制的值为70，则其y轴应从100到70开始。值为120时，应在y轴上从100到120开始

我在这里尝试了一些答案，但在Chartjs中无法实现

注意：我正在处理chartjs网站上的示例代码。但是，仍然无法根据需要获得特定的缩放

Chartjs 2.6.0

var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
    var color = Chart.helpers.color;
    var barChartData = {
        labels: ["January", "February", "March", "April", "May", "June", "July"],
        datasets: [{
            label: 'Dataset 1',
            backgroundColor: color(window.chartColors.red).alpha(0.5).rgbString(),
            borderColor: window.chartColors.red,
            borderWidth: 1,
            data: [140,10,60,69,56,110]

        }, {
            label: 'Dataset 2',
            backgroundColor: color(window.chartColors.blue).alpha(0.5).rgbString(),
            borderColor: window.chartColors.blue,
            borderWidth: 1,
            data: [50,120,70,98,130,34]
        }]

    };

    window.onload = function() {
        var ctx = document.getElementById("canvas").getContext("2d");
        window.myBar = new Chart(ctx, {
            type: 'bar',
            data: barChartData,
            options: {
                responsive: true,
                legend: {
                    position: 'top',
                },
                title: {
                    display: true,
                    text: 'Chart.js Bar Chart'
                }
            }
        });

    };

编辑的删除了随机数，并编辑了常数以进行测试。我目前正在研究Chartjs的插件。此选项在分布式软件包中可能不可用。

只需添加即可

ticks: {           
    min:100
}

在y轴比例下的选项中，选项应如下所示

options: {
    scales: {
        yAxes:[{
            ticks: {
                min:10
            }
        }],
    },
    responsive: true,
    legend: {
        position: 'top',
    },
    title: {
        display: true,
        text: 'Chart.js Bar Chart'
    }
}

注意：检查缩进，因为我没有使用编辑器

---

编辑在这种情况下，您可能已删除堆栈类型。请参阅基于@adeel建议的解决方案答案：

因此，从下面的小提琴中，我在y轴和x轴上使用叠加，以获得所需的效果。第一个数据集（仅为偏移数据集）用作堆叠第二个数据集（实际）以获得所需效果的基础

---

谢谢你的回复@adeel，只是尝试一下。但是，它看起来只是以100为单位进行切割，而不是显示低于100的值。我想让铁条从100下降到100，如果低于100，则向上堆积，如果高于100，则向上堆积。@GSari你能做一把小提琴吗？这将对社区和我都非常有帮助。欢迎：）@GSari我做了一把小提琴。在编辑中，您可以看到fiddle.com根据下面的建议进行了一些修改。。thanks@GSari我不知道你是否使用堆叠式，所以我给了你一个一般性的答案。因为在您的问题中，您没有提到堆叠类型。如果它也适用于动态数据集，那么它将非常有用。

var ctx = document.getElementById("myChart").getContext("2d");
var data = {
  labels: ["January", "February", "March", "April", "May", "June"],
  datasets: [{
    label: "Offset",
    backgroundColor: "transparent",
    data: [50,100,70,60,100,100]
  },{
    label: 'Actual Dataset',
    backgroundColor: 'Blue',
    borderWidth: 1,
    data: [50,20,30,40,30,70]
  }]
};

var myBarChart = new Chart(ctx, {
  type: 'bar',
  data: data,
  options: {
    scales: {
      xAxes: [{
        stacked: true
      }],
      yAxes: [{
        stacked: true,
      }]
    },
  }
});