gpt4 book ai didi

javascript - 有没有办法将带有标签的多条线动态插入到 ChartJS 折线图中?

转载 作者:行者123 更新时间:2023-11-28 15:16:20 26 4
gpt4 key购买 nike

我希望这是可能的,因为我一直在尝试找到一种方法来做到这一点,并且对 js 和 ChartJS 有一点了解。我希望调用 addData 并填充行,但我还没有找到一种方法来映射每行的相应标签的数据。我的问题是,我通过 JSON 传递的对象都有不同的日期、不同的工资;

{
"details": [
{
"user": [
{
"amount": "15000",
"startdate": "01/01/2012",
"enddate": "01/01/2012",
"id": "23",
}, {
"amount": "21000",
"startdate": "01/01/2013",
"end": "01/01/2012",
"id": "23",
}],
"user" : etc etc
}

然后,用 js 捕获它并安排类似的内容(我的实际代码要长得多,所以你可以看到我正在尝试做什么);

for (var i = 0; i < details.length; i++)
{
for (int j = 0; j < details[i].length; j++)
{
addStuffTodataArray(details[i].user[j]);
}
var lineData = {
labels: labelArray,
datasets: [
{
label: JsonData.user,
fillColor: "rgba(220,220,220,0.2)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
data: dataArray
}
}

目前,我将手动解决所有问题(即,使用 jQuery 获取用户指定的时间段,并运行指定的时间范围,计算月份并为每个月应用标签,然后分配值)。

我的新方法似乎需要大量处理,我确信 ChartJS 会更好地处理这个问题。

提前致谢。

最佳答案

这是一个猜测。我没有尝试过这个,但基于structure of the datasets ,我想您可以将数据集添加到数据数组中,然后调用 update();

//here's the new dataset you want to add
var myNewDataset = {
label: "My third dataset",
fillColor: "rgba(151,187,205,0.2)",
strokeColor: "rgba(151,187,205,1)",
pointColor: "rgba(151,187,205,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(151,187,205,1)",
data: [28, 48, 40, 19, 86, 27, 90]
};

//push that onto the datasets array
lineData.datasets.push(myNewDataset);

//call the update method to render the new data
myLineChart.update();

更新方法描述如下:http://www.chartjs.org/docs/#line-chart-prototype-methods

关于javascript - 有没有办法将带有标签的多条线动态插入到 ChartJS 折线图中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33747206/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com