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)
}