微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Nivo ResponsiveLine 图表未正确显示负 y 轴

如何解决Nivo ResponsiveLine 图表未正确显示负 y 轴

尝试更改我生成的 ResponsiveLine 图表上的一系列设置,但它们都没有任何效果

这是图表代码

    return (
        <ResponsiveLine
            data={data}
            margin={{ top: 50,right: 30,bottom: 120,left: 50 }}
            gridYValues={[0,0.1,0.2,0.3]}
            yScale={{
                type: "linear",stacked: false,min: -0.4,max: 0.4,}}
            xScale={{
                type: "time",precision: "day",format: "native"
            }}
            axisLeft={{
                legend: 'polarity',legendPosition: 'center',legendOffset: -20,tickValues: [-0.4,0.4],}}
            axisBottom={{
                legend: 'timestamp',legendOffset: 40
            }}
            animate={true}
        />
    );

刻度值正确显示,但没有负 y 轴网格线,切片仅正确显示在正 y 轴 [这里][1]

我尝试将 yScale min 和 max 更改为 auto 但它什么也不做,我尝试增加边距它什么也不做我尝试将 max 更改为 maxValue 它什么也不做。 [1]:

enter image description here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。