Fatal编程技术网

Chart.js:图表不更新

chart.js

Chart.js:图表不更新,chart.js,Chart.js,我正在使用chart.cs尝试图表。到目前为止效果还不错。现在我想动态更改数据，但update（）函数不起作用。我错了什么 <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.min.js"></script> </head> <body> <button onclick="c

我正在使用chart.cs尝试图表。到目前为止效果还不错。现在我想动态更改数据，但update（）函数不起作用。我错了什么

    <html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.min.js"></script>
</head>
<body>
<button onclick="changedata()">changedata</button> 
<canvas id="testChart"></canvas>
<script>
var testChart;
var test_labels = ['06:00', '06:10', '06:20', '06:30', '06:40', '06:50', '07:00'];
var test_data = ['1', '2', '3', '4', '3', '2', '1'];

var ctx = document.getElementById("testChart").getContext('2d');
testChart = new Chart(ctx, {
type: 'line',
data: {
    labels: test_labels,
    datasets: [{
        data: test_data,
        borderColor: "#ff0000",
        borderWidth: 1,
    }]
} 
});

function changedata(){
    test_data  = ['4', '3', '2', '1', '2', '3', '4'];
    testChart.update();
}
</script>
</body>
</html>


变更数据
var测试图；
var测试标签=['06:00'，'06:10'，'06:20'，'06:30'，'06:40'，'06:50'，'07:00']；
var测试数据=['1'，'2'，'3'，'4'，'3'，'2'，'1']；
var ctx=document.getElementById（“testChart”）.getContext（“2d”）；
testChart=新图表（ctx{
键入：“行”，
数据：{
标签：测试标签，
数据集：[{
数据：测试数据，
边框颜色：“ff0000”，
边框宽度：1，
}]
} 
});
函数changedata（）{
测试数据=['4'，'3'，'2'，'1'，'2'，'3'，'4']；
testChart.update（）；
}
我认为您的changedata函数中缺少了一点，比如

function changedata(){
    testChart.data.datasets[0].data = ['4', '3', '2', '1', '2', '3', '4'];
    testChart.update();
}
我认为您在changedata函数中缺少了一点，比如

function changedata(){
    testChart.data.datasets[0].data = ['4', '3', '2', '1', '2', '3', '4'];
    testChart.update();
}