时间戳

首页 > 解决方案 > 使用 nivo.js 和添加自定义层的问题

reactjs - 使用 nivo.js 和添加自定义层的问题

问题描述

我正在使用 nivo.js 绘制图表。我想在两条直线之间添加一个阴影层。但是，一旦我尝试添加下面的函数，就会出现格式错误：

 Area = ({data, xScale, yScale}) =>{
    if(data.length > 0){
      //console.log(data)
      const areaGenerator = area()
     .x((s)=>xScale(s.data.map(date => date.x)))
     .y0(() =>yScale(0))
     .y1(() =>yScale(1000000000))
    return (
      <path
        d={areaGenerator(data)}
        fill={areaColor}
        style={{ mixBlendMode: "normal", pointerEvents: "none" }}
        opacity={1}
      />
    );
  }
  }

错误消息显示d必须是数字，但我输入的数据是时间字符串，我要让x轴显示时间。我该如何解决这个问题，以便我可以在图表上添加一个区域？

标签： reactjsd3.js

解决方案

推荐阅读