Responsive design C3.js响应x轴时间序列

我正在尝试使用c3（）创建一个在移动设备和桌面上都很好看的图形

但是，我很难让x轴（timeseries）显示移动设备的更改大小。我能做到这一点的唯一方法是销毁图形，然后从头开始重新创建它。但是这阻止了我在图表中添加一个很好的过渡，这真的很好。 [！[桌面视图][1][1]

我尝试在x轴上使用勾选选项并将最大值设置为8，但在使用flush（）或resize（）方法时，此选项将被忽略

因此，我的问题是：是否有任何方法可以在不破坏图形并重新生成图形的情况下更改x轴值？

---

根据设备大小添加mediaquery

像这样

@media screen and (max-width:810px) {
    .c3 svg { font: .8em sans-serif; }
}

---

我使用了

onresized:function（）{…}

或者您可以使用

onresize:function（）{…}

要更改调整大小屏幕上的剔除最大值，请执行以下操作：

        axis: {
            x: {
                 type: 'timeseries',
                 tick: {
                    culling: true,
                    format: '%m-%d',
                    fit:true,
                    culling: {
                        max: window.innerWidth > 500 ? 8 : 5
                    }
                }
            }
        },

        onresized: function () {
            window.innerWidth > 500 ? chart.internal.config.axis_x_tick_culling_max = 8 : chart.internal.config.axis_x_tick_culling_max = 5;
        },

这里有一个例子：