Highcharts半饼 - 删除馅饼和图例之间的空间-Java 学习之路

我正在努力与Highcharts的semi circle donut聊天 . 我正试图减少甜甜圈底部和下面的传说之间的差距，但没有成功 .

这是我正在研究的基本图表：

https://jsfiddle.net/vmw0pekL/2/

结果是：

enter image description here

这是没有那么多自定义的基本图形 . 我接下来尝试的是使用 marginTop 和 marginBottom 图表属性 . 我设法缩小了图表和图例之间的空间，但现在我在图表的顶部有一个巨大的差距...这是结果：

https://jsfiddle.net/vmw0pekL/3/

结果是：

enter image description here

有人知道如何处理这个问题吗？我想在图表上没有空间，图表和图例之间没有空格 .

2 回答

2

半圆形圆环图下面有一个很大的空白间隙的原因是因为这个空间是为完整饼图的下半部分保留的（将startAngle更改为0，将endAngle更改为360以查看我的意思） . 您可以通过为 center 数组设置新值并设置饼图的新 size 来更改它 .

API参考：
http://api.highcharts.com/highcharts/plotOptions.pie.center

例：
https://jsfiddle.net/327uxkbt/

回复于 2024-05-12T18:26:16+08:00

这是一种简单的方法：

chart: {
    marginTop: 10,
    marginBottom: -150,
    marginLeft: -100,
    marginRight: -100
},

#container {
  border: 1px solid red;
  height: 240px;
  font-size: 8px;
  width: 370px;
}

回复于 2024-05-12T18:26:16+08:00

Highcharts半饼 - 删除馅饼和图例之间的空间

2 回答

相关问题