如何仅在 y 轴上设置最小值和最大值（图表 js）

Question

i have a problem, how can i to make a line chart that can show the y-axis of this way?我有一个问题，我怎样才能制作一个可以以这种方式显示 y 轴的折线图？

i attach an example in an image我在图片中附上了一个例子

Answer 1

It is only possible with the current master code, after the next release of chart.js this will be possible with using normal CDN's只能使用当前的主代码，在chart.js 的下一个版本之后，这将可以使用普通的 CDN 来实现

Example of current master branch code:当前主分支代码示例：

 var options = { type: 'line', data: { labels: ["15/03/2020", "16/03/2020", "17/03/2020", "18/03/2020", "19/03/2020", "20/03/2020", "21/03/2020"], datasets: [{ label: 'Dataset 1', data: [10, 30, 50, 20, 25, 44, -10], borderColor: 'red', backgroundColor: 'red' }, { label: 'Dataset 2', data: [10, 30, 50, 20, 25, 44, -10], borderColor: 'blue', backgroundColor: 'blue', yAxisID: 'y2', } ] }, options: { scales: { y: { type: 'linear', position: 'left', stack: 'demo', ticks: { min: -20, max: 70 }, grid: { borderColor: 'red' }, title: { display: true, text: 'title1' } }, y2: { type: 'linear', offset: true, position: 'left', stack: 'demo', ticks: { min: -20, max: 70 }, grid: { borderColor: 'blue' }, title: { display: true, text: 'title2' } } } } } var ctx = document.getElementById('chartJSContainer').getContext('2d'); new Chart(ctx, options);

 <body> <canvas id="chartJSContainer" width="600" height="400"></canvas> <script src="https://www.chartjs.org/dist/master/chart.js"></script> </body>

如何仅在 y 轴上设置最小值和最大值（图表 js）

问题描述

1 个解决方案

解决方案1
0 2021-07-22 01:23:32

如何仅在 y 轴上设置最小值和最大值（图表 js）

问题描述

1 个解决方案

解决方案1 0 2021-07-22 01:23:32

解决方案1
0 2021-07-22 01:23:32