javascript - 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'
},
});

但是当我想选择气泡时，我需要指向气泡的中心。我怎样才能强制选择整个气泡？

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因此。