Javascript将txt文件读入图表
Javascript将txt文件读入图表
提问于 2021-01-24 05:51:32
我真的需要一些帮助来解决这个问题..。
我发现了一个代码，它根据他从网站上获得的值绘制图表。这就是我想要实现的目标。但我不想从网站获取值，而是从txt文件中获取。
我读到我应该使用json字符串来转换它，但我不是一个程序员，所以我不知道如何做这样的事情。
在我的问题的最后，我有从互联网上获取其价值的代码。
txt文件现在需要像这样简单：[0，7，1，12，2，7，3，3，4，0，5，4]
代码
<!DOCTYPE HTML>
<html>
<head>
<script>
//chart
window.onload = function() {
var dataPoints = [];
var chart = new CanvasJS.Chart("chartContainer", {
theme: "light2",
title: {
text: "Live Data"
},
data: [{
type: "line",
dataPoints: dataPoints
}]
});
updateData();
// Initial Values
var xValue = 0;
var yValue = 10;
var newDataCount = 6;
function addData(data) {
if (newDataCount != 1) {
$.each(data, function(key, value) {
dataPoints.push({
x: value[0],
y: parseInt(value[1])
});
xValue++;
yValue = parseInt(value[1]);
});
} else {
//dataPoints.shift();
dataPoints.push({
x: data[0][0],
y: parseInt(data[0][1])
});
xValue++;
yValue = parseInt(data[0][1]);
}
newDataCount = 1;
chart.render();
setTimeout(updateData, 1500);
}
function updateData() {
$.getJSON("https://canvasjs.com/services/data/datapoints.php?xstart=" + xValue + "&ystart=" + yValue + "&length=" + newDataCount + "type=json", addData);
}
}
</script>
</head>
<body>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
<script src="https://canvasjs.com/assets/script/jquery.canvasjs.min.js"></script>
</body>
</html>回答 1
Stack Overflow用户
发布于 2021-01-24 07:38:42
将包含JSON的文本文件的URL添加到代码中的updateData函数中，将下面示例中的"https://www.mywebsite/thetextfile.txt“替换为文本文件的URL。
function updateData() {
$.getJSON("https://www.mywebsite/thetextfile.txt", addData);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65864814
复制相关文章
相似问题
腾讯云开发者
