Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ssis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 响应式海图仪_Angular_Highcharts - Fatal编程技术网

Angular 响应式海图仪

Angular 响应式海图仪,angular,highcharts,Angular,Highcharts,如何去除仪表周围的额外边距或填充物并使其响应。(gauage需要采用蓝色区域宽度和高度应为自动) 检查这把小提琴: Highchart默认情况下将图表的高度设置为400px。因此,诀窍是通过百分比设置图表的高度: #container-speed { height: 180% } 你能分享一下你的图表选项吗?你能在我可以使用的在线编辑器上重现你的案例吗? import * as Highcharts from 'highcharts/highcharts'; import Highcha

如何去除仪表周围的额外边距或填充物并使其响应。(gauage需要采用蓝色区域宽度和高度应为自动)

检查这把小提琴:

Highchart默认情况下将图表的高度设置为400px。因此,诀窍是通过百分比设置图表的高度:

#container-speed {
  height: 180%
}

你能分享一下你的图表选项吗?你能在我可以使用的在线编辑器上重现你的案例吗?
import * as Highcharts from 'highcharts/highcharts';
import HighchartsMore from 'highcharts/highcharts-more.src';
import HighchartsSolidGauge from 'highcharts/modules/solid-gauge';
import HighchartsSeriesLabel from 'highcharts/modules/series-label';
import NoDataToDisplay from "highcharts/modules/no-data-to-display";
#container-speed {
  height: 180%
}