在 Highcharts 中,y轴刻度左右两边的宽度默认是自适应的,根据实际数据范围和图表尺寸进行调整。
要获取图表中显示内容的宽度,可以通过以下步骤进行计算:
获取整个图表容器的宽度:可以使用 JavaScript 或 jQuery 获取到图表所在的容器元素,并获取其宽度。
var containerWidth = $('#chart-container').width(); // 替换为你的图表容器选择器获取 y 轴标签(刻度值)区域的宽度:使用 Highcharts 提供的 API 方法来获取 y 轴标签区域宽度。
var yAxisLabelWidth = chart.yAxis[0].labelGroup.getBBox().width; // chart 为你的 Highcharts 实例对象计算出显示内容的宽度:用整个容器宽度减去 y 轴标签区域的宽度。
var contentWidth = containerWidth - yAxisLabelWidth;
这样就能得到图表中显示内容的宽度。请注意,在实际应用中可能还需要考虑其他因素,如坐标轴标题、图例等占据的空间。
内容由零声教学AI助手提供,问题来源于学员提问




