我有 10 个点 x 轴，范围 [-25，-20,,-15，-10,0,10,20,30,40,50].但我希望我的折线

Question

我在 x 轴上有 10 个点，范围 [-25，-20，-10,0,10,20,30,40,50]。但我希望我的折线图从 x 轴的 -15 开始。我们如何实现？ 下面是我尝试使用建议的min和建议max的代码，但它不起作用。 请提出一些方法来实现这一目标

export class CgChartComponent {
lineChartData: ChartDataSets[] = [
{ data: [3145000, 3430001, 1499998, 1700000, 3515340, 2480011], label: 'ABC', lineTension: 0, },
];

lineChartLabels: Label[] = ['-25','-20','-15', '-10', '0', '10', '20', '30','40','50' ];
lineChartOptions = {
responsive: true,
responsiveAnimationDuration: 30,
legend: {
position: 'bottom'
},
scales: {
xAxes: [{
ticks: {
suggestedMin:  -15,
suggestedMax:  40
}
}]
}
};
lineChartColors: Color[] = [
{
borderColor: 'black',

},
];
lineChartLegend = true;
lineChartPlugins = [];
lineChartType = 'line';
}

Answer 1

尝试使用min和max而不是suggestedMin和suggestedMax，如下所示：

xAxes: [{
ticks: {
min:  -15,
max:  40
}
}]

来自图表.js文档

轴范围设置

suggestedMax和suggestedMin设置仅更改用于缩放轴的数据值。这些对于在保持自动拟合行为的同时扩展轴的范围非常有用。

刻度配置

min：用户定义的刻度最小值，覆盖数据中的最小值。

max：用户定义的刻度最大值，覆盖数据中的最大值。

更新

问题可能是标签是字符串，但min和max被定义为数字。这可以通过两种不同的方式解决。

要么将标签转换为数字，要么按如下方式定义min和max：

xAxes: [{
ticks: {
min: '-15',
max: '40'
}
}]