Javascript 是否可以创建只有两个值的折线图?-Chart.js

Javascript 是否可以创建只有两个值的折线图?-Chart.js,javascript,chart.js,Javascript,Chart.js,假设我有以下示例: var config = { type: 'line', data: { labels: ['1', '2', '3', '4', '5', '6', '7'], datasets: [{ label: 'My First dataset', backgroundColor: window.chartColors.red,

假设我有以下示例:

var config = {
        type: 'line',
        data: {
            labels: ['1', '2', '3', '4', '5', '6', '7'],
            datasets: [{
                label: 'My First dataset',
                backgroundColor: window.chartColors.red,
                borderColor: window.chartColors.red,
                data: [1, 7],
                fill: false,
            }

是否可以只定义第一个和最后一个值(如“数据”中的值)来创建线性图?
我需要实现这一点,因为起点和终点将发生变化。

您可以使用
null
在数据中留下空白。要将两个值显示为第一个值和最后一个值,只需使用
null
填充这两个值之间的所有值。然后可以使用选项
spanGaps:true
连接第一个点和最后一个点

const选项={
键入:“行”,
数据:{
标签:['1','2','3','4','5','6','7'],
数据集:[{
标签:“我的第一个数据集”,
背景颜色:“红色”,
边框颜色:“红色”,
数据:[1,null,null,null,null,null,7],
填充:假,
}]
},
选项:{
斯潘:是的,
}
}
const ctx=document.getElementById('chart').getContext('2d');
试一试{
新图表(ctx,选项);
}捕获(e){
//代码段中发生跨源错误
//console.log(e)
}