格式化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 = "";