使用TXT值而不是网站的javascript图表

使用TXT值而不是网站的javascript图表,javascript,html,Javascript,Html,我是一名不懂编程的学生,但对于我的项目,我需要根据txt文件值制作一张图表来显示传感器数据。 我在一个网站上找到了这张图表,上面有他的价值观。 但我想调整它,这样它就可以从我电脑上的txt文件中获取它的值。 有人能帮我做这个吗 console.log(文本); //这将成为foo.txt文件的内容 让文本=` 我的测试文本在这里! `; //图表 window.onload=函数(){ var数据点=[]; var chart=new CanvasJS.chart(“chartContain

我是一名不懂编程的学生,但对于我的项目,我需要根据txt文件值制作一张图表来显示传感器数据。 我在一个网站上找到了这张图表,上面有他的价值观。 但我想调整它,这样它就可以从我电脑上的txt文件中获取它的值。 有人能帮我做这个吗


console.log(文本);
//这将成为foo.txt文件的内容
让文本=`
我的测试文本在这里!
`;
//图表
window.onload=函数(){
var数据点=[];
var chart=new CanvasJS.chart(“chartContainer”{
主题:“light2”,
标题:{
文本:“实时数据”
},
数据:[{
键入:“行”,
数据点:数据点
}]
});
更新数据();
//初始值
var xValue=0;
var yValue=10;
var newDataCount=6;
函数addData(数据){
如果(newDataCount!=1){
$。每个(数据、函数(键、值){
数据点推送({
x:值[0],
y:parseInt(值[1])
});
xValue++;
yValue=parseInt(值[1]);
});
}否则{
//dataPoints.shift();
数据点推送({
x:数据[0][0],
y:parseInt(数据[0][1])
});
xValue++;
yValue=parseInt(数据[0][1]);
}
newDataCount=1;
chart.render();
设置超时(更新数据,1500);
}
函数updateData(){
$.getJSON(“https://canvasjs.com/services/data/datapoints.php?xstart=“+xValue+”&ystart=“+yValue+”&length=“+newDataCount+”type=json”,addData);
}
}
看一看

data.js:

let xValue = 0, yValue = 10, newDataCount = 6; // overwritten for some reason
const dataArr = [[0, 7], [1, 12], [2, 7], [3, 3], [4, 0], [5, 4]]

图表
let图表,数据点=[];
函数getChart(){//sigleton
如果(!图表){
chart=newcanvasjs.chart(“chartContainer”{
主题:“light2”,
标题:{
文本:“实时数据”
},
数据:[{
键入:“行”,
数据点:数据点
}]
});
}
收益表;
}
函数updateData(){
addData(dataArr);//data.js中的变量-每1.5秒调用一次
}
函数addData(数据){
如果(newDataCount!=1){
$。每个(数据、函数(键、值){
数据点推送({
x:值[0],
y:parseInt(值[1])
});
xValue++;
yValue=parseInt(值[1]);
});
}否则{
//dataPoints.shift();
数据点推送({
x:数据[0][0],
y:parseInt(数据[0][1])
});
xValue++;
yValue=parseInt(数据[0][1]);
}
newDataCount=1;
getChart().render();
设置超时(更新数据,1500);
}
addEventListener(“加载”,函数(){
更新数据();
});

?这里还有一个古老的jQuery,我将您升级到更高版本的canvasjs和更高版本的jQuery,您的文件需要采用
[[0,7]、[1,12]、[2,7]、[3,3]、[4,0]、[5,4]]的格式。
但是如果您想要直播,该文件需要定期更新data@mplungjan嗨,谢谢你给我更新的版本。我看了链接,但我不知道如何在我的脚本中实现这一点……很抱歉,我是一个新手