[英]React Chartjs is not showing any output
反应
如您所见,条形图的 JSX 代码,假设显示带有数据值的条形图。 但它也没有显示任何输出或错误
JSX
import React from 'react'
import { Bar } from 'react-chartjs-2';
export default function BarChart() {
var data = {
labels: ["Home", "Product", "Cart"],
datasets: [
{
label: ' ',
data: [38, 75, 25],
borderColor: ['rgb(82,134,163)'],
backgroundColor: ['rgb(82,134,163)'],
pointBackgroundColor: 'rgb(82,134,163)',
pointBorderColor: 'rgb(82,134,163)'
}
]
}
return (
<div>
<Bar
Data={data}
height={400}
width={600}
options={{
maintainAspectRatio: false
}}
/>
</div>
)
}
将数据传递给Bar
组件的 prop 应该是data
而不是Data
:
<Bar
data={data}
height={400}
width={600}
options={{
maintainAspectRatio: false
}}
/>
结果,该组件的行为是因为它没有接收任何数据。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.