我正在处理图表,我每 5 秒在数据进来时更新图表。我可以设法从数据库中获取信息并非常轻松地更新它,但我遇到了一个涉及设置的问题图表一部分的路径,在这种情况下:options->tootltips->callbacks->afterTitle 并在其中创建一个数组并将数组从 JSON 传递到回调内的数组。
我需要做的是,以非常简短的方式,因为我已经创建了一个函数来更新我的数据和标签中的信息,所以我需要在这个 函数内部创建一条通往 afterTitle 的路径,而不是能够发送第五个数组,在其中存储数据。正如您在我的函数中看到的那样,我可以设法为数据和标签执行此操作。
我不能有另一个更新的函数,所以基本上我不能有 2 loadData(),因为它每次更新时都会使图表闪烁,而这不是我的目标(图表不能闪烁)。
在这个补丁中,我做了一个不起作用的例子,它是 //:
$.getJSON('loadchart.php', function(response) {
myLineChart.data.datasets[0].data = response[0];
myLineChart.data.datasets[1].data = response[1];
myLineChart.data.datasets[2].data = response[2];
myLineChart.data.datasets[3].data = response[3];
myLineChart.data.labels = response[4];
//The response array that I need is response[5];
//myLineChart.options.tooltips.callbacks[1] = return response[tooltipItem[0]['index']];
myLineChart.update();
});
Run Code Online (Sandbox Code Playgroud)
我所有的图表,以便您可以看到路径:
<script>
function loadData() {
$.getJSON('loadchart.php', function(response) {
myLineChart.data.datasets[0].data = response[0];
myLineChart.data.datasets[1].data = response[1];
myLineChart.data.datasets[2].data = response[2];
myLineChart.data.datasets[3].data = response[3];
myLineChart.data.labels = response[4];
myLineChart.update();
});
}
loadData(); …Run Code Online (Sandbox Code Playgroud)