小编Joa*_*oao的帖子

实时更新回调 -> afterTitle with Array 通过 JSON 文件

我正在处理图表,我每 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)

javascript arrays json chart.js

5
推荐指数
1
解决办法
146
查看次数

标签 统计

arrays ×1

chart.js ×1

javascript ×1

json ×1