gpt4 book ai didi

javascript - nvd3 LineChart 工具提示不起作用

转载 作者:行者123 更新时间:2023-11-30 17:24:03 27 4
gpt4 key购买 nike

在这个演示中 http://nvd3.org/livecode/index.html#codemirrorNav只需将数据更改为

function() {

return [
{
values: [{x:23,y:9,},{x:22,y:6,},{x:21,y:6,},{x:20,y:10,},{x:19,y:19,},{x:18,y:26,},{x:17,y:30,},{x:16,y:41,},{x:15,y:49,},{x:14,y:31,},{x:13,y:48,},{x:12,y:7,},{x:11,y:26,},{x:10,y:47,},{x:9,y:35,},{x:8,y:20,},{x:7,y:25,},{x:6,y:1,},{x:0,y:1,}],
key: 'A',
color: '#ff7f0e'
},
{
values: [{x:22,y:6,},{x:20,y:3,},{x:19,y:1,},{x:18,y:7,},{x:17,y:8,},{x:16,y:15,},{x:15,y:22,},{x:14,y:9,},{x:13,y:10,},{x:12,y:16,},{x:11,y:27,},{x:10,y:34,},{x:9,y:57,},{x:8,y:162,},{x:7,y:102,},{x:6,y:3,},{x:3,y:1,},{x:0,y:1,}],
key: 'B',
color: '#2ca02c'
}
];
}

然后工具提示坏了。那么,为什么?

最佳答案

这是因为 NVD3 期望数据是有序的,如果您将数据更改为类似

function() {

return [
{
values: [{x:21,y:9,},{x:22,y:6,},{x:23,y:6,}],
key: 'A',
color: '#ff7f0e'
},
{
values: [{x:21,y:6,},{x:22,y:3,},{x:23,y:1,}],
key: 'B',
color: '#2ca02c'
}
];
}

它有效。您必须使用 .sort() 在服务器端或 javascript 上订购您的数据

关于javascript - nvd3 LineChart 工具提示不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24611598/

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