Chart.js加载数据时，我调整窗口
单击“搜索”时，我的图表未刷新。我的图表只在搜索和调整窗口大小时工作并显示数据。我尝试将我的图表函数移动到搜索函数中，但它给了我一个错误。还有其他方法吗？我的代码是：
$(`#stock-search`).click(function(){
var searchValue = $('#stock-name').val();
$.getJSON(`https://sandbox.iexapis.com/stable/stock/${searchValue}/chart/1m?token=demo`,
function(data){
console.log(data);
for (x = 0; x < 22; x++){
const time = data[`${x}`].label;
xlabel.push(time);
const value = data[`${x}`].high;
ydata.push(value);
console.log(value);
console.log(time);
}
});
});
const ctx = document.getElementById('myChart').getContext('2d');
const xlabel= [];
const ydata= [];
const myChart = new Chart(ctx, {
type: 'line',
data: {
labels: xlabel,
datasets: [{
label: "Highs of the month",
data: ydata,
borderWidth: 1
}]
},
options: {
scales: {
yAxes: [{
ticks: {
callback: function(value, index, values) {
return '$' + value;
}
}
}]
}
}
});
共有1个答案
你可能想看看这个问题，虽然有点过时，但似乎提供了许多方法来实现你的目标：chart.js加载全新的数据
-
我正在尝试构建一个包含6个窗格（作为父级添加到GridPane布局中）的简单Java项目。我必须在开始时设置窗口大小，并通过参考根布局的宽度和高度，设法将它们均匀地拆分。 但我想要他们调整大小，因为我改变了窗口的大小（使用鼠标，现在他们得到固定的大小）。 下面是我的代码：
-
问题内容： 我正在用d3.js绘制散点图。借助以下问题： 获取屏幕，当前网页和浏览器窗口的大小 我正在使用此答案： 这样我就可以将图适合用户的窗口，如下所示： 现在，我希望在用户调整窗口大小时可以调整图的大小。 PS：我的代码中没有使用jQuery。 问题答案： 寻找“响应式SVG”，使SVG响应式非常简单，您不必再担心大小。 这是我的做法： 注意： SVG图像中的所有内容都会随窗口宽度缩放。这包
-
窗口大小，我们可以非常方便的使用width、height调整，但是如何知道 width和height是一个问题？ 在 Window 操作系统中，假如我们想要缩放，我们通常会把鼠标移动到窗口的右边栏，和底部边栏，以及右下边栏。 而且在不同的边栏，鼠标呈现的样式也是不一样的。当我们在右边栏的时候我们可以通过cursor: e-resize;模拟鼠标样式。 在底部边栏我们可以通过cursor: s-re
-
#include <stdio.h> void fun1(void) { int i = 0; i++; i = i * 2; printf("%d\n", i); } void fun2(void) { int j = 0; fun1(); j++; j = j
-
我已经花了很多时间试图找到一个解决办法，但没有运气。 我正在使用旋转木马并通过javascript文件设置图像。然而，有趣的是，当我加载页面时，只有第一个图像按需要出现，其他图像（第2个，第3个....）只有当我调整窗口大小时才会出现，然后一切都正常工作。 这里是我的HTML null null 另外，需要注意的是，我使用的是Swiper包CDN 我试着从其他答案中添加max-width和heig
-
首先感谢你阅读我的问题。 我想知道如何在每次调整窗口大小时调用javascript中的函数。 这段代码对我不起作用，因为控制台{console.log('it runn')语句可以使用它，但不是函数中的，我希望您能解决我的问题。