Question

我无法设置NVD3多功能图，能够按xAxis中的日期对条形图进行排序。我知道输入数据必须按键分组才能显示到多栏图中。

这里有一个jsfiddle，说明我在说什么：http://jsfiddle.net/fontanon/z4aZ4/54/

正如您在数据变量中看到的，我添加了三组条形（key1，key2和key3）。每个组都有y值排序的x值。 key2的第一个条应该是第一个（具有最小x值），然后是key1的第一个条，后跟第二个key2，等等。但这不是条形图的显示方式。

究竟发生了什么？数据下方。

var data = [
    {
        "key": "Key1",
        "values": [
            {
                "x": 2393337532000,
                "y": 1401431
            },
            {
                "x": 4394337660000,
                "y": 26188
            },
            {
                "x": 7395510769000,
                "y": 865575
            },
        ]
    },
    {
        "key": "Key2",
        "values": [
            {
                "x": 1396337532000,
                "y": 1401431
            },
            {
                "x": 3397337660000,
                "y": 26188
            },
            {
                "x": 6398510769000,
                "y": 865575
            }
        ]
    },
    {
        "key": "Key3",
        "values": [
            {
                "x": 5399337532000,
                "y": 1401431
            },
            {
                "x": 8400337660000,
                "y": 26188
            },
            {
                "x": 9401510769000,
                "y": 865575
            }
        ]
    }
]

Answer 1

您的数据应该如下所示

var data = [
    {
        "key": "Key1",
        "values": [
            {
                "x": 7393337532000,
                "y": 1401431
            },
            {
                "x": 8394337660000,
                "y": 26188
            },
            {
                "x": 3398510769000,
                "y": 865575
            }
        ]
    },
    {
        "key": "Key2",
        "values": [
            {
                "x": 7393337532000,
                "y": 1401431
            },
            {
                "x": 8394337660000,
                "y": 26188
            },
            {
                "x": 3398510769000,
                "y": 865575
            }
        ]
    },
    {
        "key": "Key3",
        "values": [
            {
                "x": 7393337532000,
                "y": 1401431
            },
            {
                "x": 8394337660000,
                "y": 26188
            },
            {
                "x": 3398510769000,
                "y": 865575
            }
        ]
    }
]

nvd3 multibarchart xAxis按键排序

1 个答案: