如何在 C3 折线图中设置 x 和 y 阈值线

Question

使用 C3 图形创建折线图 Fiddle 我需要为某个限制添加阈值线如何在 c3 js 中添加阈值线。？我可以添加网格线，但是阈值如何 line.Any 想法

就像图中黄色突出显示的线条。

c3.generate({
               size: {
                      height: 200,
                      width: 400 },
               data: {
                      json: colData,
                      type: 'spline'},
               grid : {
                        x:{
                           show:true},
                        y:{
                           show:true}
                      }
           });

coldata 是

"coverage": {
      "Oc":[
        90,100, 115, 130, 145, 160, 160
      ],
      "Ce": [
        90,100, 120, 140, 160, 180, 180
      ],
      "Nl": [
        90,100, 130, 160, 190, 200, 200
      ]
    }

Answer 1

您可以使用他们的 xgrids.add or ygrids.add 方法添加额外的网格线。

这些方法添加了新的 x/y 网格线，并且可以为一行传递单个对象或为多行传递对象数组。

我更新了你的fiddle：https://jsfiddle.net/wa60afh9/2/

如何在 C3 折线图中设置 x 和 y 阈值线

How to set x and y Threshold line in C3 line graph

d3.js

c3.js