Javascript ChartJS图表添加值后未缩放

我有一个使用ChartJS创建的动态更新图表。但当我添加更多值时，图表不会更新/重新缩放x轴以显示这些值。我只看到两个值，当我添加更多值时，这条线会从图表中消失。Y轴根据我添加的值自动缩放

<div id="event-area" class="row">
        <canvas id="valueChart"></canvas>
</div>
<script>
var chartConfig = {
        type: 'line',
        data: {
            labels: [],
            datasets: [],
            options: {
                responsive: true
            }
        }
    };
    window.onload = function () {
        var ctx = document.getElementById('valueChart').getContext('2d');
        window.valueChart= new Chart(ctx, chartConfig);
    };
</script>

//This is the code I use to update the chart
if (request.data["1005"] != undefined){
    var datasetIndex = chartMap.get(request.dataSetName)
    chartConfig.data.datasets[datasetIndex].data.push(request.data["value"]);
    window.valueChart.update({duration: 0});
}

var chartConfig={
键入：“行”，
数据：{
标签：[]，
数据集：[]，
选项：{
回答：对
}
}
};
window.onload=函数（）{
var ctx=document.getElementById（'valueChart'）.getContext（'2d'）；
window.valueChart=新图表（ctx、chartConfig）；
};
//这是我用来更新图表的代码
if（请求数据[“1005”！=未定义）{
var datasetIndex=chartMap.get（request.dataSetName）
chartConfig.data.datasets[datasetIndex].data.push（request.data[“value”]）；
window.valueChart.update（{duration:0}）；
}

类似问题 （如果您一直按以添加图表x轴不缩放的值）

您也可以更改

“数据：{labels:[]，}”

数组

将数据推送到dataset.data之后，将值推送到标签数组中，图表将被更改

options.data.labels.push('another color')

或者重建整个标签和数据集数组，图表将被重新缩放

---

您可以更改其中的现有值，它将被重新引用。

请创建一个代码段并在那里重现您的问题。添加了一个JSFIDLE示例