Question

我正在使用最新版本的高级图表。我在http://www.highcharts.com/demo/bubble-3d

之后成功创建了一个三维气泡图

我想知道我是否可以在图例中添加对气泡大小意味着什么的参考。只需一个简单的气泡，旁边就有一些文字即可。

提前感谢您的帮助。

Answer 1

只需添加一个空系列并为其命名即可。请提供所需名称，请参阅Updated fiddle here

   {
   name :"description",     
   marker: {
            fillColor: {
                radialGradient: { cx: 0.4, cy: 0.3, r: 0.7 },
                stops: [
                    [0, 'rgba(255,255,255,0.5)'],
                    [1, Highcharts.Color(Highcharts.getOptions().colors[1]).setOpacity(0.5).get('rgba')]
                ]
            }
        }}

Answer 2

在图例中表示气泡大小目前不是Highcharts的功能。

您可以手动绘制一个：

为图例添加系列
在图例

JSFiddle

为图例添加系列

series: [{
      // This series gives a legend for reference
      data: [{
        color: Highcharts.getOptions().colors[0],
        x: 86,
        y: 25,
        z: 10,
        dataLabels: {
          format: '10%',
          y: 40
        }
      }, {
        x: 90,
        y: 25,
        z: 15,
        dataLabels: {
          format: '15%',
          y: 40
        }
      }, {
        x: 94,
        y: 25,
        z: 35,
        dataLabels: {
          format: '35%',
          y: 40
        }
      }]
    }, {
      color: Highcharts.getOptions().colors[0],
      data: [{
        x: 95,
        y: 95,
        z: 13.8,
        name: 'BE',
        country: 'Belgium'
      }, {

在图例

events: {
  load: function() {

    // Draw the flow chart
    var ren = this.renderer,
      colors = Highcharts.getOptions().colors;

    // Script label
    ren.label('Obesity Rate', 410, 220)
      .attr({
        stroke: '#777',
        'stroke-width': 1,
        padding: 5,
        r: 5,
        width: 168,
        height: 73
      })
      .css({
        color: '#333',
        textAlign: 'center',
        fontSize: '1.1em'
      })
      .add();
  }
}

是否可以在高图表中添加气泡大小的图例？

2 个答案:

为图例添加系列

在图例