簡體   English   中英

我試圖在條形圖中顯示Y和Y2,但在y2軸上,它僅顯示c3.js范圍內的0到1值

[英]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生成動態名稱。現在,我試圖在條形圖中顯示YY2 ,但在y2軸上,它僅顯示c3 js范圍內的01值。

$(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軸值都在變化。

data2_graph data1_graph data1&data2_graph

當第二個y軸的范圍未綁定時,往往會發生范圍0..1。

查看您的屏幕截圖,我懷疑您剛輸入錯字。 屏幕截圖中的工具提示顯示了系列名稱“ FunnelGrowthACV”和“ FunnelGrowthRatio”,但您需要

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

更改為

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

看看現在是否可行

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM