Попытка выяснить решение этой проблемы, которая у меня есть, вероятно, очень очевидна, но я не уверен.
Скажем, у меня есть диаграмма c3, загруженная переменной, но внутри функции наведения диаграммы, я хочу чтобы он запустил функцию, которую я написал, и передал переменную диаграммы в функцию для извлечения данных, в основном я хочу иметь возможность генерировать несколько диаграмм и использовать эту единственную функцию на каждой диаграмме.
Он работает с onclick, но не с onmouseout, и мне кажется, что я просто упускаю что-то очевидное.
Пример
var chart = c3.generate({
bindto: '#chart',
data: {
columns: [
['data1', 30],
['data2', 120],
],
type : 'donut',
onclick: function () { someCoolFunction(this); },
onmouseout: function () {
someCoolFunction(this);
},
},
donut: {
title: "Iris Petal Width"
}
});
function someCoolFunction(target) {
// for example it would be chart.data.shown() to target the chart but I am trying to pull the chart's name dynamically on mouseout
console.log(target.data.shown());
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.15/c3.min.js"></script>
<div id="chart"></div>