Javascript API加载调用后C3记号未与数据对齐

Javascript API加载调用后C3记号未与数据对齐,javascript,d3.js,c3.js,Javascript,D3.js,C3.js,此代码用于我们在用户配置文件中显示的图表。它是一个图表,显示特定日期范围(每周、每月、每年、终身)的统计信息。无论我们设置默认的范围是什么,刻度线都与数据点完美对齐。每当他们选择不同的时间间隔时,刻度就不再对齐 图表的初始生成: this.chartSpline = C3.generate({ bindto: '.splineChart', colors:'#1BA39C', data: {

此代码用于我们在用户配置文件中显示的图表。它是一个图表,显示特定日期范围(每周、每月、每年、终身)的统计信息。无论我们设置默认的范围是什么,刻度线都与数据点完美对齐。每当他们选择不同的时间间隔时,刻度就不再对齐

图表的初始生成:

this.chartSpline = C3.generate({
            bindto: '.splineChart',
            colors:'#1BA39C',
            data: {
                xFormat: '%m-%d-%Y',
                columns: [this.columns, this.rows],
                type: 'area-spline',
                x: 'Date',
            },
            padding: {
                right: 100,
                left: 100,
            },
            axis: {
                x: {
                    type : 'timeseries',
                    tick:{
                        fit: true,
                        count: this.rows.length/2,
                        format: '%m/%d',
                    },
                    padding:{
                        left:0,
                        right: 10
                    }
                },
                y: {
                    padding:{
                        top:50,
                        bottom: 0
                    },
                    label: {
                        text: 'Minutes played',
                                position: 'outer-middle'
                    }
                }
            },
            point: {
                r: 8,
            },
            legend: {
                show: false
            }
        });
上面的代码在一个主干视图中,然后我们加载另一个具有加载功能的主干视图。当用户选择新的日期范围时,将调用load函数:

this.plot.load({columns: [columns, rows]});

如果您能为我提供任何帮助,我将不胜感激。谢谢

我去掉了这段代码:

count: this.rows.length/2,

现在它工作正常了

我去掉了这段代码:

count: this.rows.length/2,
现在一切正常