将多组数据添加到 C3 图表会停止显示

Question

我有两件事要添加到我在 C3 中的折线图中 - 一件叫做 'results'，一件叫做 'lostpackets'。当我将它们中的任何一个放入折线图中时，该图起作用并正确显示该线。这表明数据在两组数据上都正确通过。

不幸的是，我似乎无法在同一个图表上使用多条线。当我在同一张图上同时显示时，根本没有显示任何结果（图轴仍然正确显示）。我试图复制 this syntax.

这是代码（注释掉的行是单个数据输入，而不是两者都有）：

chart = c3.generate({
                bindto: container,
                data: {
                    //columns: [results]
                    columns: [
                        [results],
                        [lostpackets]
                    ],
                    axes: {
                        [results[0]]: 'y',
                        [lostpackets[0]]: 'y2'
                    }
                },
                axis: {
                    x: {
                        label: 'Test No.'
                    },
                    y: {
                        label: {
                            text: 'Mbps',
                            position: 'outer-top'
                        },
                        tick: {
                            format: d3.format('.2f')
                        }
                    },
                    y2: {
                        show: true,
                        label: {
                            text: '%',
                            position: 'outer-top'
                        },
                        tick: {
                            format: d3.format('.2f')
                        }
                    }
                }
            });

Answer 1

我认为您嵌套了太多次，即 [[array],[array]] 而不仅仅是 [array, array]

应该是：

                columns: [
                    results,
                    lostpackets
                ],

坐标轴也不会选择像 results[0] 这样的东西作为 属性 名称。您需要明确定义它。

                axes: {
                    "results": 'y',
                    "lostpackets": 'y2'
                }