Highcharts Highchart固体应变计

我使用Highchart创建了实心仪表图。 但当屏幕分辨率改变时，图表仍以原始大小显示

我需要有响应性的固体仪表图。

---

固体仪表图表本身可以很好地处理尺寸变化。我必须展示一下仪表如何处理大小调整

这里的主要思想是，调整窗口大小时，CSS会改变div的宽度：

<div id="container-speed" style="width: 50%; float: left"></div>

请注意，仪表的宽度和高度之比似乎是理想的4:3，这就是代码乘以0.75设置高度的原因

---

管理文本元素将是CSS/JS/HTML定位和调整大小，这取决于您希望处理的屏幕大小。

立体仪表图表本身可以很好地处理大小变化。我必须展示一下仪表如何处理大小调整

这里的主要思想是，调整窗口大小时，CSS会改变div的宽度：

<div id="container-speed" style="width: 50%; float: left"></div>

请注意，仪表的宽度和高度之比似乎是理想的4:3，这就是代码乘以0.75设置高度的原因

---

管理文本元素需要CSS/JS/HTML定位和调整大小，具体取决于您希望处理的屏幕大小。

以下解决方案管理垂直和水平方向的响应度。此外，它不需要额外的JS来调整容器div的大小。 检查这把小提琴：

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

#container-speed {
  height: 180%
}

---

以下解决方案管理垂直和水平方向的响应度。此外，它不需要额外的JS来调整容器div的大小。 检查这把小提琴：

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

#container-speed {
  height: 180%
}

---

同一图表的另一个问题是，我只想在仪表上显示起点和终点。若有任何解决方案，请发表评论。我对同一图表的另一个问题是，我只想在仪表上显示起点和终点。如果您有任何解决方案，请发表评论。