javascript - 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

您需要将样条线类型从默认的“基数”更改为“单调” - 一种曲线段类型，不会高于或低于其连接的两个点

目前这只能通过 c3 内部对象来完成；因此，在加载 c3 脚本之后并在生成图表之前添加以下行:

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

请参阅我为更改创建的 fiddle 示例(将其注释掉并重新运行以查看差异):

https://jsfiddle.net/752pxyu4/1/