javascript - 从列/数据名称中单击 C3Js 设置参数

Question

是否可以将数据列的值传递到c3Js上的事件onclick？

var chart = c3.generate({
  bindto: '#chart',
  data: {
    columns: [
      ['data1', 30, 200, 100, 400, 150, 250],
      ['data2', 50, 20, 10, 40, 15, 25]
    ],
    onclick: function() {
      alert('a');
    }
  }
});

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

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

---

案例

我可以将 alert('a') 更改为 alert(columns[0][0])//或者什么，抱歉我不知道，哪个如果我点击蓝线，输出将是data1，如果我点击黄线，输出将是data2。

---

目的

我想做的是..我想通过单击图形并从数据参数发送主键来创建新链接..问题是我不知道如何从选定的行。

Answer 1

According to the documentation , data.onclick 将

receive d and element as the arguments. d is the data clicked and element is the element clicked

所以尝试将代码更改为:

onclick: 函数(d, 元素) { 警报(d)； }

(或者更好的是，如果只是为了调试，请使用 console.log)

如果您遇到任何其他问题，请告诉我，我会更新我的答案。