Question

我正在尝试react-nvd3.js，并且使用单个系列绘制折线图没有问题。但是，我不确定如何在同一张图表（同一轴）上使用多个序列进行渲染。

我知道我的数据格式正确，因为图表将呈现一个系列（第一个系列）。显示/隐藏两个系列的选项确实显示正确。我猜想调整y="value_1"应该可以解决问题，但是到目前为止还没有成功。

我的数据：

    datum = [
       {
          values: series_1,
          key: 'value_1',
       },{
          values: series_2,
          key: 'value_2',
       }
    ];

和我的渲染：

    <NVD3Chart id="lineWithFocusChart" type="lineWithFocusChart" datum={datum} x="label" y="value_1"/>,

Answer 1

似乎您在将数据集引用到x轴和y轴时遇到问题。

尝试将属性更改为 x='key'和y='values'

<NVD3Chart id="lineWithFocusChart" type="lineWithFocusChart" datum={datum} x="key" y="values"/>

React-nvd3在折线图上显示多条线

1 个答案: