Highcharts饼图始终将图例显示为浮动

0h4hbjxa  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(230)

我用hightcharts工作了一段时间,这是一个令人惊奇的库。但我被饼图中的图例卡住了。图例总是像浮动一样显示,但我需要饼图下的图例。
我得到了这个:-/

我想要这个:D

我的定义是:

Highcharts.chart('container', {
  "chart": {
    "margin": 0,
    "type": "pie",
    "height": 300,
    "backgroundColor": "#FDFDFD",
    "width": 250
  },
  "legend": {
    "floating": false,
    "align": "center",
    "verticalAlign": "bottom",

  },
  "plotOptions": {
    "pie": {
      "dataLabels": {
        "enabled": false,
      },
      "size": "100%",
      "showInLegend": true,

    }
  },
  "title": false,
  "exporting": false,
  "series": [{
    "data": [1, 2, 3, 4, 3, 2, 1]
  }],
});
yiytaume

yiytaume1#

问题出在margin中。请将margin设为null,或移除此行,问题就会得到修正。

Highcharts.chart('container', {
  "chart": {
    "margin": null,
  },...
});

附赠提示:默认情况下,图例的浮动是禁用的,您也可以删除这一行。

相关问题