Javascript Chart.js简单线图

我对angular中的simple chart.js graph有一个问题

HTML:

<div class="row">
  <div class="col-12"><strong>Výškový profil</strong></div>
  <div class="col-12">
    <canvas baseChart
            [datasets]="barChartData"
            [labels]="barChartLabels"
            [options]="barChartOptions"
            [chartType]="'line'"
            [colors]="lineChartColors"
            [legend]="false"
    ></canvas>
  </div>
</div>

Výýkovýprofil

注意：页面中有一个引导容器，所以网格系统很好

Typescript

public barChartOptions:any = {
    chartType: 'line',
    legend: false,
    responsive: true,
};
public barChartLabels:string[];

public barChartData:any[] = [{data:[10,200,30,40]}];

public lineChartColors:Array<any> = [
    {
        backgroundColor: '#23CE6B',
        borderColor: '#23CE6B'
    }
];

公共条形图选项：任意={
图表类型：'线'，
传说：错，
回答：是的，
};
公共条形图标签：字符串[]；
公共条形图数据：任意[]=[{data:[10200,30,40]}]；
公共线条图表颜色：数组

这不是我所期望的

从4分到2分（从10分到200分）。
如何修改以显示整个数据图？

还有一个问题我可以为Y轴添加标签吗？（在数字的左侧）
如果您使用的是
ChartJS 2.0
或更高版本，您可以通过修改options对象中的
Scale
属性来自定义图形：

options = {
    scales: {
    yAxes: [{
        scaleLabel: {
        display: true,
        labelString: 'Your Y axis label'
      }
    }]
  }
}

根据您的版本，您可能需要设置以下选项：
bezierCurve:false
或
tension:0
我感觉您的点正在绘制，但是您的曲线太圆，并且填充了您无法分辨的背景色。
感谢您对Y轴标签的帮助。工作起来很有魅力。我发现我需要和数据一样多的标签。有没有可能不必设置标签？因此，数据将分布在整个图形中，从数据长度的0%到100%？
Chartjs
不支持自动0到100%，这是您需要自己管理的东西，这意味着，准备好数据并将其以所需格式发送到数据对象。