Javascript C3.js在一个页面上显示更多图表。工具提示并单击图例仅处理最后一个图例

我在一个页面上创建多个图表（使用相同的功能）：

---

看起来有些事件被覆盖或类似的情况。工具提示仅适用于上次生成的图表，因为图例单击事件也仅适用于上次生成的图表。如何防止这种行为？

看起来像是dom引用问题。它们不是每个图表唯一的。创建独特图表（如“图表、图表1、图表2等”）的简单解决方案不起作用。有人有解决办法吗？”

    function createChart3(graphxas, graphdata, bindto, title) {
    var chart = bb.generate({
        bindto: "#" + bindto,
        size: {
            height: 500,
            width: 1500
        },
        tooltip: {
            show: true,
            position: function(data, width, height, element) {
                return { top: element.y.animVal.value, left: element.x.animVal.value}
            }            
        },
        legend: {
            position: "right"
        },                  
        data: {       
            x: "xlabels",
            labels: true, 
            columns: [["xlabels"].concat(graphxas)].concat(graphdata),                
            type: "bar",
            axis: {
                x: {
                    type: "category",
                    tick: {
                        rotate: -60,
                        multiline: false,
                        tooltip: true
                    },
                    height: 50
                },
                y: {
                    padding: {
                        top: 0,
                        bottom: 0
                    },                       
                    min: 0
                }                    
            },
        },
        title: {
            text: title
        }
    });
}