如何使用d3.js在一系列条形图上添加一条线？

Question

我有使用c3.js构建的这段代码，基本上我有一个带有这些值的数组：

maxValueForValues=[60,80,70]

这些值向我显示了每个series应该具有的期望值（我有3个系列），就像我在此图中显示的那样：

在c3.js的文档中，我只能添加“ n”行，但不能将它们放在series level处。这就是为什么我认为该解决方案应该在d3.js中完成的原因，我知道一些基础知识，但是在这种情况下，我不知道该怎么做。我真的很喜欢这个话题，希望您可以从我的回答中学习。谢谢。

var maxValueForValues=[60,80,70]
var chart = c3.generate({
    data: {
        columns: [
            ['sample', 30, 40, 50],
            ['sample2', 20, 70,60]
        ],
        type:"bar",
    },

    grid: {
        y: {
            lines: [
                {value: maxValueForValues[0], text: 'Label'+ maxValueForValues[0], position: 'middle'},
                {value: maxValueForValues[1], text: 'Label'+ maxValueForValues[1], position: 'middle'},
                {value: maxValueForValues[2], text: 'Label'+ maxValueForValues[2], position: 'middle'}
            ]
        }
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<script src="https://rawgit.com/masayuki0812/c3/master/c3.js"></script>
<link href="https://rawgit.com/masayuki0812/c3/master/c3.css" rel="stylesheet"/>

<div id="chart"></div>