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

Question

我有两件事要添加到 C3 中的折线图中 - 一件称为“结果”，一件称为“丢失数据包”。当我将其中任何一个放入折线图中时，图表就会正常工作并正确显示折线。这表明两组数据的数据均正确传输。

不幸的是，我似乎无法在同一个图表上使用多条线来工作。当我将两者放在同一个图表上时，根本不会显示任何结果(图表轴仍然正确显示)。我尝试复制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'
                }