C3.js 气泡图选择

Question

我使用修改后的点创建了气泡图：

var chart = c3.generate({
point: {
   r: 80,
   focus: {
        expand: {
             enabled: false
         }
    },
},
data: {
     columns: [
      ["data", 1.4, 2.5, 1.5],
    ],
type: 'scatter'
},
});

但是当我喜欢 select 气泡时，我需要指向气泡的中心。如何为整个泡泡强制执行 selection？

Answer 1

point 图表有一个未记录的功能，允许您设置点灵敏度（应与半径值相同：

var chart = c3.generate({
  point: {
    r: 100,
    sensitivity: 100, // This is the key here.
    focus: {
      expand: {
        enabled: false
      }
    },
  },
  data: {
    columns: [
      ["data", 1.4, 2.5, 1.5],
    ],
    type: 'scatter'
  }
});

<link href="https://cdn.rawgit.com/c3js/c3/0.4.11/c3.css" rel="stylesheet" />
<script src="https://cdn.rawgit.com/c3js/c3/0.4.11/c3.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>

<div id="chart"></div>

TBTH 默认情况下灵敏度值应该与半径相同。 I've created an issue 就这样。

C3.js 气泡图选择

C3.js bubble chart selection

javascript

d3.js

c3.js