【问题标题】:C3.js bubble chart selectionC3.js气泡图选择
【发布时间】:2016-05-14 06:45:22
【问题描述】:

我使用修改点创建了气泡图:

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

但是当我喜欢选择气泡时,我需要指向气泡的中心。如何强制选择整个气泡?

【问题讨论】:

    标签: javascript d3.js c3.js


    【解决方案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 这样。

    【讨论】:

      猜你喜欢
      • 2018-06-28
      • 2015-08-23
      • 1970-01-01
      • 1970-01-01
      • 2016-09-13
      • 2018-12-08
      • 2013-10-31
      • 1970-01-01
      • 2016-03-01
      相关资源
      最近更新 更多