C3js数据点上的曲线退出零值

Question

我有一个图表，当设置零值不显示点，但如果它有值，那么它显示

the graph look like this

问题是我只想在显示零值时退出曲线并仅在该部分设置一条扁平线 有可能吗？

我用来隐藏点的代码

var circles = d3.selectAll('.c3-circle')
    circles
      .attr('visibility', function (d) {
        if (d.value === 0) {
          return 'hidden'
        }
      })

Answer 1

您需要更改默认情况下的样条曲线类型＆＃39;单调＆＃39; - 一种曲线段，它不会高​​于或低于它连接的两个点之一

目前这只能通过c3内部对象完成;因此，在您加载c3脚本之后，在生成图表之前，请添加以下行：

c3.chart.internal.fn.additionalConfig.spline_interpolation_type = 'monotone';

看到这个小提琴，我已经分享了一个改变的例子（注释掉并重新运行以查看差异）：

this