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