我試圖在條形圖中顯示Y和Y2，但在y2軸中顯示的範圍只有0到1的值c3.js

我正在爲列和數據1，數據2生成動態名稱。米試圖顯示在條形圖Y和Y2但在y2軸則表示範圍c3 JS我試圖在條形圖中顯示Y和Y2，但在y2軸中顯示的範圍只有0到1的值c3.js

$(document).ready(function() { 
    var FunnelGrowthACVColumns = []; 
    var FunnelGrowthRatioColumns = []; 

    for (var i = 0; i <= data.data.FunnelGrowthMartix.length - 1; i++) { 
     FunnelGrowthACVColumns.push(parseFloat(data.data.FunnelGrowthMartix[i].FunnelGrowth)); 
     FunnelGrowthRatioColumns.push(parseFloat(data.data.FunnelGrowthMartix[i].Per_Growth)); 
    } 

    var titleFunnelGrowthACV = data.data.FunnelGrowthMartix[0].Title + 'ACV'; 
    var titleFunnelGrowthRatio = data.data.FunnelGrowthMartix[0].Title +'Ratio'; 

    var chart1 = c3.generate({ 
     bindto: '#chartContainer2', 
     data: { 
      columns: [        
       [titleFunnelGrowthACV].concat(FunnelGrowthACVColumns),        
       [titleFunnelGrowthRatio].concat(FunnelGrowthRatioColumns), 
      ], 
      type: 'bar', 
      labels: true, 
      axes: { 
       titleFunnelGrowthACV: 'y', 
       titleFunnelGrowthRatio: 'y2' 
      }, 
     }, 
     axis: { 
      x: { 
       type: 'category', 
       categories: MartixMonths, 
      }, 
      y: { 
       label: { 
        text: 'Unit (In Rs Crores)', 
        position: 'outer-middle' 
       }, 
      }, 
      y2: { 
       show: true, 
      } 
     }, 
     color: { 
      pattern: ['#2ca02c', '#0000ff'] 
     }, 
     zoom: { 
      enabled: false 
     }, 
     bar: { 
      width: { 
       ratio: 0.5 
      }, 
      tooltip: { 
       format: { 
        title: function (d) { return 'Data' + d; }, 
       }, 
       grouped: true 
      }, 
      legend: { 
       position: 'center' 
      } 
     } 
    }); 
    $('#chartContainer2').append(chart1.element); 
});

值Y軸的正在改變爲數據1和數據2

僅 0到 1值

data2_graph data1_graph data1&data2_graph

來源

2017-04-04 Prashant

第二個y軸的範圍0..1往往會發生在一系列尚未綁定到它時。

看着你的截圖我懷疑你剛剛有一個錯字。在截圖中的工具提示顯示系列名稱「FunnelGrowthACV」和「FunnelGrowthRatio」，但你問

axes: { 
     titleFunnelGrowthACV: 'y', 
     titleFunnelGrowthRatio: 'y2' 
},

改變它

axes: { 
     FunnelGrowthACV: 'y', 
     FunnelGrowthRatio: 'y2' 
},

，看看是否現在工作

來源

2017-04-05 08:19:20 mgraham

謝謝..我嘗試過，但它不工作。因爲它不會找到任何列名稱作爲座標軸。 – Prashant

我試圖在條形圖中顯示Y和Y2，但在y2軸中顯示的範圍只有0到1的值c3.js

回答

相關問題