Y2座標軸在C3組合圖中以小數顯示

Question

我試過C3組合圖，下面的數據。它以小數點顯示Y2軸。所以我在圖表中看不到data2點。

var chart = c3.generate({ 
    data: { 
     columns: [ 
       ['data1', 30543, 2045346, 50765767, 4067657, 605676, 50665], 
       ['data2', 200, 130, 90, 240, 130, 220] 
     ], 
     type: 'bar', 
     types: { 
       data2: 'line' 
     } 
    }, 
    axis: { 
     y2: { 
       show: true 
      } 
    } 
}); 

讓我知道解決的辦法

Answer 1

你設置你的第二個y軸錯誤。通過這種方式，您只能看到一個顯示範圍在第二列上方的y軸，這就是爲什麼它顯示爲點。

只需添加axes: {data1:'y',data2:'y2'}

圖表中的完整的配置應該是這樣的：

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['data1', 30543, 2045346, 50765767, 4067657, 605676, 50665], 
      ['data2', 200, 130, 90, 240, 130, 220] 
     ], 
     types: { 
      data1: 'bar', 
      data2: 'line'  
     }, 
     axes: { 
      data1: 'y', 
      data2: 'y2' 
     } 

    }, 
    axis: { 
     y2: { 
      show: true 
     } 
    } 
});