Javascript 为什么雷哈特在雅克斯上画了未定义的类别？

无法理解为什么

recharts

在

yAxis

上绘制一些

未定义的
类别


以下是指向JSFIDLE的链接：

const数据=[
{name:'01-01'，alice:'alice'}，
{名称：'01-02'，alice:'alice'，aliceActive:'alice'}，
{姓名：'01-03'，鲍勃：“鲍勃”，艾丽丝：“爱丽丝”，艾丽丝反应性：“爱丽丝”}，
{姓名：'01-04'，鲍勃：“鲍勃”，爱丽丝：“爱丽丝”，艾丽丝：“爱丽丝”}，
{姓名：'01-05'，鲍勃：“鲍勃”，鲍勃主动：“鲍勃”，爱丽丝：“爱丽丝”}，
{姓名：'01-06'，鲍勃：“鲍勃”，鲍勃主动：“鲍勃”，爱丽丝：“爱丽丝”}，
];
常量类别=[“alice”，“bob”]；
const SimpleLineChart=React.createClass({
渲染（）{
返回(
{categories.map（cat=>
[
,
,
]
)}            
);
}
})

我想要一张由水平直线组成的图表。xAxis-is
time
。yAxis-是
用户
。但随着时间的推移，每个用户都可能处于不同的状态
 在
YAxis
组件中添加
ticks
怎么样

<YAxis
  ticks={categories}
  type="category"
  padding={{top: 30, bottom: 30}}
/>



使用此选项，它不会显示空刻度。我不知道这是否是您正在寻找的解决方案，或者我只是隐藏了真正的问题，但我希望它能有所帮助。
该错误已在v0.21.0中修复

它不会渲染刻度本身，但会在图表上为其保留额外的空间。当有两个以上的类别时，更容易看到@ErickMwazonga如果您向githubI提交了一个问题，请在这里添加一个链接我还没有提交问题，我应该提交一个吗？我想这是让维护人员知道问题的最方便的方法。在这里，我意识到问题也在这里提出。一个实验的例子是
<YAxis
  ticks={categories}
  type="category"
  padding={{top: 30, bottom: 30}}
/>