reactjs - ReactJS:导入数据后重新绘制图表不呈现线条
问题描述
我已经设法获取并渲染图表上的图。但是,这条线没有显示,我不知道为什么。这是我的代码:
从 API 获取数据
const [error, setError] = useState(null)
const [isLoaded, setIsLoaded] = useState(false)
const [data, setItems] = useState([])
useEffect(() => {
fetch(
'http://api.marketstack.com/v1/intraday?access_key=YOUR_ACCESS_KEY&symbols=AMC',
{
method: 'GET'
}
)
.then(response => response.json())
.then(result => {
setItems(result.data)
setIsLoaded(true)
console.log(result)
})
.catch(err => {
setError(error)
console.error(err)
})
}, [])
这是我的折线图代码
<LineChart
width={900}
height={400}
data={data}
margin={{ top: 5, right: 20, bottom: 5, left: 0 }}
>
<XAxis dataKey='date' tickFormatter={formatXAxis} />
<YAxis dataKey='close' />
<CartesianGrid stroke='#ccc' strokeDasharray='5 5' />
<Line
type='monotone'
dataKey='close'
stroke='##D8A22D'
activeDot={{ r: 8 }}
/>
<Tooltip />
<Legend />
</LineChart>
我检查了文件,我真的无法找出这到底是什么问题。非常感谢一些帮助!谢谢!
解决方案
推荐阅读
- java - 与反馈异步运行高计算任务
- import - Magento 2.3.2 仅导入多个产品的图像
- mysql - 在共享主机中导入 MySQL 数据库
- go - 将http响应设置为空白标识符会导致文件处理程序泄漏吗?
- sql - SQL Server:'-'连字符的特定位置的子字符串
- javascript - 角度材料中的预选下拉菜单
- loops - 在块模块上为 Ansible 中的一组任务发出循环
- javascript - 输入评论后出现关键错误。我不知道如何解决(反应问题)
- swift - 通过向左滑动选择 CollectionView 单元格(Swift 5)
- sql-server - 如何查询包含单引号的数据库字段?