[英]I m trying to show Y and Y2 in bar chart but in y2 axis it is showing only 0 to 1 value in range in c3.js
我正在為列和數據1,數據2生成動態名稱。現在,我試圖在條形圖中顯示Y
和Y2
,但在y2
軸上,它僅顯示c3
js范圍內的0
到1
值。
$(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);
});
數據1和數據2的y軸值都在變化。
當第二個y軸的范圍未綁定時,往往會發生范圍0..1。
查看您的屏幕截圖,我懷疑您剛輸入錯字。 屏幕截圖中的工具提示顯示了系列名稱“ FunnelGrowthACV”和“ FunnelGrowthRatio”,但您需要
axes: {
titleFunnelGrowthACV: 'y',
titleFunnelGrowthRatio: 'y2'
},
更改為
axes: {
FunnelGrowthACV: 'y',
FunnelGrowthRatio: 'y2'
},
看看現在是否可行
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.