Javascript c3 js->;我需要移动/更改我的x轴标签

Javascript c3 js->;我需要移动/更改我的x轴标签,javascript,html,d3.js,c3.js,Javascript,Html,D3.js,C3.js,(我专门使用c3.js,但它是一个d3.js库,所以我添加了两个标记) 我试图制作一个图表,根据用户点击的月份显示“月份”的数据。我遇到的问题是,x轴标签显示的是0-x,而不是1-x 例如,二月显示的是0-27,而不是1-28 此图的代码如下所示: var chart = c3.generate({ bindto: '#graph', data: { columns: [ daysArray ], type

(我专门使用c3.js,但它是一个d3.js库,所以我添加了两个标记)

我试图制作一个图表,根据用户点击的月份显示“月份”的数据。我遇到的问题是,x轴标签显示的是0-x,而不是1-x

例如,二月显示的是0-27,而不是1-28

此图的代码如下所示:

var chart = c3.generate({
    bindto: '#graph',
    data: {
        columns: [
            daysArray
        ],
        type: 'bar'
    },
    bar: {
        width: {
            ratio: 1
        }
    }
});
非常简单。。。“daysArray”是数据(在没有任何日期的日期中为0),它包含一个标签(“费用”)和28个值

我尝试添加以下代码:

var chart = c3.generate({
    bindto: '#graph',
    data: {
        columns: [
            daysArray
        ],
        type: 'bar'
    },
    /*==========ADDED THIS SECTION=========*/
    axis: {
        x:{
            tick: {
                values: monthLengthArray,
            }
        }
    },
    /*======================================*/
    bar: {
        width: {
            ratio: 1
        }
    }
});
它使用“MonthLength数组”输入每个月的天数。 即,如果用户单击2月,则包含值1-28。。。1月1日至31日。。。等等,看起来是这样的:

var chart = c3.generate({
    bindto: '#graph',
    data: {
        columns: [
            daysArray
        ],
        type: 'bar'
    },
    bar: {
        width: {
            ratio: 1
        }
    }
});

基本相同,但有一个空白的0列。为了澄清,对于两次尝试,数据都在正确的“天”上,但“转移”到了右侧

我相信这是一个简单的解决办法,但这个问题的措辞是相当困难的(我在发布之前没有在这里找到答案,但我确实看了)

还需要注意的是:我没有对x轴使用“timeseries”。我使用的是默认值(我认为是“索引的”)。我肯定索引与此有关,但我不确定如何告诉它从1开始索引,而不是从0开始


谢谢大家!

如果问题只是将标签的值上移一次,请在设置中尝试此段:

axis: { 
   x: {
        tick: {
            format: function (x) { return x+1; }
        }
    }
}

明亮的非常好用,谢谢!我不知道你可以在生成图表的过程中使用函数