Reactjs React.js制作了一个自定义折线图

我想做一张像这样的折线图。 我已经检查了chart.js。但是UI似乎不能像附加图像那样工作。 有什么办法可以设计出这个图案吗？我是否需要通过我的onw绘制svg？ 谢谢

---

以下是使用React呈现SVG的简单示例：

constmychart=（{points}）=>{
常量行=点。减少（（结果、点、索引）=>{
如果（索引===0）返回[]；
const previous=点[索引-1]；
常量行={x1:previous.x，y1:previous.y，x2:point.x，y2:point.y}；
返回[…结果，行]；
}, []);
返回(
{lines.map（{x1，x2，y1，y2}）=>
)
}
{points.map（{x，y}）=>
)
}
);
}
常数数据=[
{x:20，y:100}，
{x:50，y:80}，
{x:80，y:50}
];
ReactDOM.render（，document.querySelector（“容器”））

请澄清您的问题。你有一个react js应用程序，需要构建一个呈现SVG图表的组件？@MichaelRovinsky，是的，有一个react js应用程序，需要构建一个带有设计的图表。但不一定要使用svg