爲什麼Recharts在yAxis上繪製未定義的類別？

Question

不知道爲什麼recharts在yAxis上繪製了undefined類別。

這裏是一個的jsfiddle鏈接：http://jsfiddle.net/liubko/x1yoboc7/455/

const data = [ 
    {name: '01-01', alice: "alice"}, 
    {name: '01-02', alice: "alice", aliceActive: "alice"}, 
    {name: '01-03', bob: "bob", alice: "alice", aliceActive: "alice"}, 
    {name: '01-04', bob: "bob", alice: "alice", aliceActive: "alice"}, 
    {name: '01-05', bob: "bob", bobActive: "bob", alice: "alice"}, 
    {name: '01-06', bob: "bob", bobActive: "bob", alice: "alice"}, 
]; 

const categories = ["alice", "bob"]; 
const SimpleLineChart = React.createClass({ 
    render() { 
    return (
     <LineChart width={600} height={300} data={data}> 
     <XAxis dataKey="name" /> 
     <YAxis type="category" />    
     {categories.map(cat => 
      [ 
      <Line type="step" dataKey={cat} stroke="yellow" />, 
      <Line type="step" dataKey={`${cat}Active`} stroke="green" />, 
      ] 
     )}    
     </LineChart> 
    ); 
    } 
}) 

我想有一個圖表包括水平直線。 xAxis - 是time。 yAxis - 是user。但是每個用戶可以通過不同的時間處於不同的狀態。

Answer 1

該bug已被固定在v0.21.0

https://github.com/recharts/recharts/issues/528#event-980022510

Answer 2

將ticks添加到YAxis組件怎麼樣？

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

使用它它不顯示空的滴答聲。我不知道這是您尋找的解決方案還是我只是隱藏真正的問題，但我希望它有幫助。