jquery - 如何使用多个数据集更新折线图.js

Posted 2023-05-08

【中文标题】jquery - 如何使用多个数据集更新折线图.js

【英文标题】：jquery - How to update line chart.js with multiple datasets

【发布时间】：2022-01-16 08:11:34

【问题描述】：

我正在尝试生成图表，然后在选择更改时获取图表的数据。对于条形图、饼图，我可以做到这一点，但由于它的多个数据集，我坚持使用折线图。请帮帮我。

function cline() 
var e = document.getElementById("lines").value;
var json_url = "pages/graph.php?chart=line&q=" + e;
var data = data || ;

    $.getJSON(json_url, data).done(function(response) 
        line.data.labels = response.labels;
        line.data.datasets.label = response.datasets.label;
        line.data.datasets.data = response.datasets.data; 
        line.update(); 
    );        
    
          

json数据文件：

  
    "labels": ["101/2021","111/2021","121/2021"],
    "datasets": [
    
     "label":"papers",
                "data": [ 3300,4820,1150 ] ,
                
                ,  "label":"papers A",
                "data": [ 20,190 ] ,
                
                ,  "label":"Papers B",
                "data": [ 2200,3470,1800 ] ,
                
                ,  "label":"Papers C",
                "data": [ 990,2000,800 ] ,
                
                ,         
    ]
 

【参考方案1】：

datasets.data 不存在。 datasets 是一个数组，因此您需要遍历它们并将每个数据集数据字段设置为正确的数据字段

【讨论】：

是的，我知道，但不知道为什么标签不会改变。标签不在数组中。这适用于条形图/饼图。我希望至少标签会改变