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

nivo 图表线仅出现部分

如何解决nivo 图表线仅出现部分

我的 Nivo 行只显示行的一部分。

当我悬停鼠标时我可以看到数据。

但我不知道为什么它只显示了一点点。

enter image description here

这是线路设置..

有人遇到过同样的问题吗?

请帮帮我..

<ResponsiveLine
     data={lineData}
     margin={{ top: 50,right: 110,bottom: 50,left: 50 }}
     xScale={{
          type: "time",format: "%Y-%m-%d",precision: "day"
     }}
     xFormat="time:%Y-%m-%d"
     yScale={{ type: 'linear',min: 'auto',max: 'auto',stacked: true,reverse: false }}
     axisTop={null}
     axisRight={null}
     axisBottom={{
          format: "%b %d",orient: 'bottom',tickSize: 5,tickPadding: 5,tickRotation: -38,tickValues: 20,legend: 'Date',legendOffset: 45,legendPosition: 'middle'
     }}
     axisLeft={{
          orient: 'left',tickRotation: 0,}}
     theme={{
          tooltip: {
               container: { color: 'black' }
          }
     }}
     colors={{ scheme: 'blues' }}
     enableGridX={false}
     enablePoints={false}
     pointSize={10}
     pointColor={{ from: 'color' }}
     pointBorderWidth={0}
     pointBorderColor={{ from: 'serieColor' }}
     pointLabelYOffset={-12}
     useMesh={true}
     animate={true}
/>

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