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/