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