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 = "";