从radialBar Apexcharts中删除多余空间

Question

我是apexcharts的新手，不知道如何删除这个radialBar图表中的额外空间。

我想有相同类型的甜甜圈图表，我已经创建了，但没有额外的空间围绕它。

我的代码包含Javascript和HTML：

正如您在“图表”中所看到的:虽然设置了高度，但仍然可以看到空格。

​

var options = {
	chart: {
	  
    height:140,
    width:100,
    
	  type: 'radialBar',
    offsetY: 0,
	  toolbar: {
		show: false
	  }
	},
	plotOptions: {
	  radialBar: {
		size:50,
		 hollow: {
		  margin: 0,
		  size: '65%',
		  background: '#fff',
		},
		track: {
		  background: '#F5F5FF',
		  strokeWidth: '75%',
		  margin: 0, // margin is in pixels
		  
		},
		dataLabels: {
		  showOn: 'always',
		  name: {
			offsetY: 0,
			show: false,
			color: '#003366',
			fontSize: '17px'
		  },
		  value: {
			formatter: function(val) {
			  return parseInt(val);
			},
			color: '#003366',
			fontSize: '18px',
			show: true,
			offsetY: 10,
		  }
		}
	  }
	},
	fill: {
	  colors:['#57CAF0']
	},
	series: [75],
	stroke: {
	  lineCap: 'round'
	},
	

  }

  var chart = new ApexCharts(
	document.querySelector("#chart"),
	options
  );

  chart.render();

<div id="chart"></div>
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>

​

我的代码链接

https://codepen.io/wasifhafeez/pen/JjPyGNa?editors=1010

Answer 1

这是ApexCharts中的一个错误。我刚刚推出了一个commit，它删除了radialBar图表中不必要的空格。