javascript - c3js折线图所有数据未选中如何显示刻度值

Question

我有一个简单的 c3js 折线图，其中包含 3 条不同的线。当我“取消选择”所有 3 个数据源时，x 轴刻度值消失。我想知道是否有办法扭转这种行为？即使没有数据，我也想显示 x 轴刻度值。

xaxis 刻度值属于“时间序列”类型。谢谢！

这是折线图的 c3 配置：

bindto: '#test',
data: {
  x: 'date',
  xFormat: '%m%d',
  columns: [],
},
legend: {
  position: 'bottom',
},
axis: {
  y: {
    tick: {
      format: function (d) { return d + '%'; },
      count: 5,
    },
    max: 100,
    padding: {
      top: 0,
      bottom: 0,
    },
  },
  x: {
    type: 'timeseries',
    tick: {
      culling: false,
    },
  },
},
color: {
  pattern: [testRateColor, firstRateColor, secRateColor],
},

Answer 1

不幸的是，这个功能被嵌入到 c3.js 中，改变它的唯一方法（除了纯粹从 d3 工作）是猴子补丁。你会在 c3.js 的第 6814 行找到罪犯：

tickExit = tick.exit().remove(),

如果您将其更改为：

tickExit = function() {},

蜱虫不再被移除。