时间戳

首页 > 解决方案 > 移动 x 轴以通过 chart.js 中给定的 y 轴值

javascript - 移动 x 轴以通过 chart.js 中给定的 y 轴值

问题描述

我有以下图表：

let ctx = document.getElementById("chart").getContext("2d");
var datasets = [
  {
    data: [1.1, 0.8, 1.2, 1.1, 0.7],
    type: "line",
  },
];
var options = {};
var data = {labels: [1, 2, 3, 4, 5], datasets: datasets};
var config = {type: "line", data: data, options: options};
var chart = new Chart(ctx, config);

它在渲染时显示从 y 轴值开始的 x 轴0.6。有没有办法让 x 轴穿过 y 轴值1？

标签： javascriptchart.jsaxis-labels

解决方案

不知道我是否理解你的问题。如果您希望 y 轴值以1而不是0.6开头，则可以通过传递有关这些值的一些选项来告诉 Chart.js。像这样修改您的选项定义：

var options = {
  scales: {
        yAxes: [{
            ticks: {
              min: 1
            }
        }]
    }
};

应该打勾！

查看相关文档，您可以在其中找到更多选项和如何使用它们的示例；）

推荐阅读