Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/unit-testing/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Chart.js 如何为一个X轴图表绘制多个值。js_Chart.js - Fatal编程技术网

Chart.js 如何为一个X轴图表绘制多个值。js

Chart.js 如何为一个X轴图表绘制多个值。js,chart.js,Chart.js,我已经在我的一个web应用程序中实现了Charts JS库,我遇到了一个问题。现在我需要向一个x轴点添加多个y值。然而,问题并没有得到解决 var ctx=document.getElementById(“myChart”).getContext(“2d”); 新图表(ctx,配置) var配置={ 键入:“行”, 数据:{ 标签:['01','11','2018'], ['01', '11' ,'2018'], ['01', '11' ,'2018'], ['01','11','2018']

我已经在我的一个web应用程序中实现了Charts JS库,我遇到了一个问题。现在我需要向一个x轴点添加多个y值。然而,问题并没有得到解决

var ctx=document.getElementById(“myChart”).getContext(“2d”); 新图表(ctx,配置)

var配置={
键入:“行”,
数据:{
标签:['01','11','2018'],
['01', '11' ,'2018'],
['01', '11' ,'2018'],
['01','11','2018'], '02','02','02','02','02','05','05','05','05','06','06','06','06','07','07','07','07','07','07','07','07','08','08','08','08','08','08','08','08','09','09','09','09',['20','02','2019'],['20','02','2019'],'21','21','21','21',['06','03'],['06','03'] ,'','','',''  ,
],
数据集:[{
标签:“我的第一个数据集”,
数据:[35.48  ,35.50  ,35.5   ,35.49  ,35.49  ,35.50  ,35.50  ,35.49  ,35.45  ,35.38  ,35.42  ,35.4   ,35.49  ,35.50  ,35.49  ,35.49  ,35.49  ,35.49  ,35.50  ,35.50  ,35.48  ,35.47  ,35.48  ,35.47  ,35.49  ,35.50  ,35.50  ,35.49  ,35.48  ,35.47  ,35.48  ,35.47  ,35.50  ,35.49  ,35.49  ,35.50  ,37     ,37     ,38     ,39     ,40     ,51     ,28     ,29 ],
}]
},
选项:{
比例:{
xAxes:[{
滴答声:{
autoSkip:错误,
}
}],
},
}
};
var ctx=document.getElementById(“myChart”).getContext(“2d”);
新图表(ctx,配置);

您可以添加多个数据集,这些数据集将在图形上绘制一条单独的线

这是你的例子

函数newDate(){
返回力矩()。添加(天,'d');
}
变量配置={
键入:“行”,
数据:{
标签:[
["01", "11", "2018"],
['01', '11', '2018'],
['01', '11', '2018'],
['01', '11', '2018'], '02', '02', '02', '02', '05', '05', '05', '05', '06', '06', '06', '06', '07', '07', '07', '07', '07', '07', '07', '07', '08', '08', '08', '08', '08', '08', '08', '08', '09', '09', '09', '09', ['20', '02', '2019'],
['20', '02', '2019'], '21', '21', '21', '21', ['06', '03'],
['06', '03'], '', '', '', '', '', '', '', '', '', '', '', '', '', ''
],
数据集:[{
标签:“我的第一个数据集”,
数据:[35.48,35.50,35.5,35.49,35.49,35.49,35.50,35.50,35.49,35.45,35.38,35.42,35.4,35.49,35.50,35.49,35.49,35.49,35.49,35.50,35.48,35.48,35.47,35.49,35.50,35.50,35.50,35.50,35.50,35.49,35.49,35.49,35.48,35.48,35.48,35.47,35.47,35.50,35.49,35.49,35.50,35.49,35.49,35.50,35.49,35.49,35.50,35.49,35.49,35.50,35.49,35.49,35.49,,
},
{
标签:“我的第二个数据集”,
数据:[35.48,35.50,35.5,35.49,35.49,35.49,35.50,35.50,35.49,35.45,35.38,35.42,35.4,35.49,35.50,35.49,35.49,35.49,35.49,35.50,35.48,35.48,35.47,35.49,35.50,35.50,35.50,35.50,35.50,35.49,35.49,35.49,35.48,35.48,35.48,35.48,35.48,35.47,35.50,35.49,35.49,35.50,35.49,35.49,35.49,35.50,35.49,35.49,35.50,35.49,35.49,35.49,35.50,35.49,35.49,,
}
]
},
选项:{
比例:{
xAxes:[{
滴答声:{
自动跳转:错误
}
}],
},
}
};
var ctx=document.getElementById(“myChart”).getContext(“2d”);
新图表(ctx,配置);

您可以添加多个数据集,这些数据集将在图形上绘制一条单独的线

这是你的例子

函数newDate(){
返回力矩()。添加(天,'d');
}
变量配置={
键入:“行”,
数据:{
标签:[
["01", "11", "2018"],
['01', '11', '2018'],
['01', '11', '2018'],
['01', '11', '2018'], '02', '02', '02', '02', '05', '05', '05', '05', '06', '06', '06', '06', '07', '07', '07', '07', '07', '07', '07', '07', '08', '08', '08', '08', '08', '08', '08', '08', '09', '09', '09', '09', ['20', '02', '2019'],
['20', '02', '2019'], '21', '21', '21', '21', ['06', '03'],
['06', '03'], '', '', '', '', '', '', '', '', '', '', '', '', '', ''
],
数据集:[{
标签:“我的第一个数据集”,
数据:[35.48,35.50,35.5,35.49,35.49,35.49,35.50,35.50,35.49,35.45,35.38,35.42,35.4,35.49,35.50,35.49,35.49,35.49,35.49,35.50,35.48,35.48,35.47,35.49,35.50,35.50,35.50,35.50,35.50,35.49,35.49,35.49,35.48,35.48,35.48,35.47,35.47,35.50,35.49,35.49,35.50,35.49,35.49,35.50,35.49,35.49,35.50,35.49,35.49,35.50,35.49,35.49,35.49,,
},
{
标签:“我的第二个数据集”,
数据:[35.48,35.50,35.5,35.49,35.49,35.49,35.50,35.50,35.49,35.45,35.38,35.42,35.4,35.49,35.50,35.49,35.49,35.49,35.49,35.50,35.48,35.48,35.47,35.49,35.50,35.50,35.50,35.50,35.50,35.49,35.49,35.49,35.48,35.48,35.48,35.48,35.48,35.47,35.50,35.49,35.49,35.50,35.49,35.49,35.49,35.50,35.49,35.49,35.50,35.49,35.49,35.49,35.50,35.49,35.49,,
}
]
},
选项:{
比例:{
xAxes:[{
滴答声:{
自动跳转:错误
}
}],
},
}
};
var ctx=document.getElementById(“myChart”).getContext(“2d”);
新图表(ctx,配置);


请在fiddle上添加示例,以便更好地理解@laxmikantdangey您的问题标题为X轴添加多个值,说明为Y轴添加多个值。请澄清。我需要根据图片显示。@laxmikantdange请在fiddle上添加示例,以便更好地理解@LaxmikantDangey您的问题的标题是X轴的多个值,描述是要为Y轴添加多个值。请澄清。我需要根据图片显示。@LaxmikantDangeThank非常感谢您的帮助。现在我使用Html 5画布绘制图表非常感谢您的帮助。现在我使用Html 5画布绘制字符T