C3.js的格式问题

Question

我用C3.js创建的可视化存在问题。

1. 我散点图的顶部和侧面边缘被截断（可能是因为我改变了气泡的半径，但我不认为这应该是一个问题。我已经试过给人填充，但没有用。

2. 当鼠标悬停气泡，更多的数据它下面出现一个甜甜圈图表中，当你鼠标移出，饼图图例不会消失。

Here's the fiddle我创建。

var chart3 = c3.generate({ 
    bindto: '#chart1', 
    padding: { 
    left: 150, 
    right: 150 
    }, 
    data: { 
    columns: [ 
     ['Posts', 666, 674, 919, 2300, 1200, 961] 
    ], 
    type: 'scatter', 
    axis: { 
     x: { 
     type: 'category', 
     categories: ['October', 'November', 'December', 'January', 'February', 'March'] 
     } 
    }, 

Answer 1

c3.js在定制方面非常有限（与其他框架相比）。这不是气泡被切割的问题，我认为这是一个框架本身的问题。

解决您的第二个问题： document.getElementById("chart2").innerHTML = "";