在 div 顶部显示高图表饼图

Question

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

如何从左上角显示图表

我试过如下

{
                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)'
                }

            }

但图表未与左上角对齐

请告知如何配置图表部分以从左上角呈现它我的意思是左上角有很多 space 如何删除它并将其用于图表

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

在 div 顶部显示高图表饼图

display high chart pie chart on the top of the div

javascript

css

render

highcharts