reactjs - 在 Nivo @nivo/ResponsiveLine 中添加一条平行于 x 轴的简单目标线

Question

试图让这条灰线平行于 x 轴作为目标的标记（在 y 轴的 67% 处）。

Answer 1

您可以放置​​一个标记道具，例如：

markers={[
    {
        axis: 'y',
        value: 520,
        legend: 'TEST',
        lineStyle: {
            stroke: 'red',
        },
        textStyle: {
            fill: 'red',
        },
    },
]}

该值确定标记位置，您可以根据您传递的数据进行计算。