c3.js通过鼠标悬停显示图像

时间:2019-02-25 09:55:36

标签: d3.js onclick bar-chart mouseover c3.js

我用c3.js创建了一个条形图。 当某人单击/将鼠标悬停在一个栏上时,是否可以显示图像?

var chart = c3.generate({
bindto: '#chart',
title: {
                    text: 'My Title'
                },
                data: {
                    columns: [
                        ['data_1', 10,20,30,40],
                        ['data_2', 5,25,30,22,21],
                        ['data_3', 7,22,1,3,4,5]
                    ],
                    type: 'bar',
                    onclick: function (e) {
                        alert(e.value);

                        console.log("test");
                    }, ...

我找到了onclick函数,但这向我展示了一个条形图的值。 我想显示带有该栏更多信息的图片。最好是在单独的div容器中。

非常感谢。

0 个答案:

没有答案