javascript - 在 Highcharts 维恩图中隐藏名称

Question

我正在使用 Highcharts 绘制维恩图，只想显示三个主要圆的名称，而不是交叉点，即仅显示阅读、写作和数学。

我尝试将“名称”设置为空字符串和 NULL，但无法使其工作，尽管注意 fiddle 设置名称“”确实适用于所有三个圆圈的交集(我认为这可能是 Highcharts 决定没有空间显示它)。

Highcharts.chart('report', {

  chart: {
    type: 'venn'
  },

  series: [{
    data: [{
      "name": ["Reading"],
      "sets": ["Reading"],
      "value": 100
    }, {
      "name": ["Writing"],
      "sets": ["Writing"],
      "value": 100
    }, {
      "name": ["Maths"],
      "sets": ["Maths"],
      "value": 100
    }, {
      "name": null,
      "sets": ["Reading", "Writing"],
      "value": 20
    }, {
      "name": "",
      "sets": ["Reading", "Maths"],
      "value": 20
    }, {
      "name": "",
      "sets": ["Writing", "Maths"],
      "value": 20
    }, {
      "name": "",
      "sets": ["Reading", "Writing", "Maths"],
      "value": 10
    }]
  }]
});

示例代码:https://jsfiddle.net/4vg0d7ao/6/

感谢您提供的任何帮助。

Answer 1

将名称设置为空数组:

Highcharts.chart('report', {    
  chart: {
    type: 'venn'
  },    
  tooltip: {
    enabled: false
  },
  series: [{    
    data: [{
      "name": ["Reading"],
      "sets": ["Reading"],
      "value": 100
    }, {
      "name": ["Writing"],
      "sets": ["Writing"],
      "value": 100
    }, {
      "name": ["Maths"],
      "sets": ["Maths"],
      "value": 100
    }, {
      "name": [],
      "sets": ["Reading", "Writing"],
      "value": 20
    }, {
      "name": [],
      "sets": ["Reading", "Maths"],
      "value": 20
    }, {
      "name": [],
      "sets": ["Writing", "Maths"],
      "value": 20
    }, {
      "name": [],
      "sets": ["Reading", "Writing", "Maths"],
      "value": 10
    }]
  }]
});

编辑 fiddle :https://jsfiddle.net/rLmd97n5/