在div的顶部显示高图表饼图

Question

i带有标签的高图，如下所示

如何从左上角显示图表

我曾尝试如下操作

{
                legend: {
                    itemStyle: {
                        fontSize:'8px'
                     },
                     align: 'right',
                     layout: 'vertical',
                     verticalAlign: 'top',
                     x: this.state.legendXValue ? this.state.legendXValue  : 10,
                     y: this.state.legendYValue ? this.state.legendYValue  : 30,
                    backgroundColor: 'rgba(255,255,255,0.2)'
                }

            }

但图表未与左上方对齐

请让我们知道如何配置图表部件以从左上角渲染它，这意味着左上角有很多空间，如何删除它并将其用于图表中

Answer 1

您可以通过使用center属性根据需要放置饼图：

series: [{
  center: ['30%', '40%'],
  size: '80%',
  ...
}]

---

实时演示： http://jsfiddle.net/BlackLabel/6m4e8x0y/4812/

API参考：

https://api.highcharts.com/highcharts/series.pie.center

https://api.highcharts.com/highcharts/series.pie.size