Question

我遇到的问题是，HighCharts图表上的最大值显示会根据图表的显示宽度而变化。

例如，系列中的最大值为chart.series[0].yData[426]

当图表显示在较小尺寸的浏览器窗口中时，我从浏览器开发者工具中获得以下值：

> chart.series[0].yData[426]
> 446.528
> chart.series[0].yAxis.dataMax
> 223.43449999999999

图表显示223点的峰值，y轴匹配。

当我最大化窗口并运行相同的命令时，我得到：

> chart.series[0].yData[426]
> 446.528
> chart.series[0].yAxis.dataMax
> 446.528

图表正确显示（y轴缩放为最大值~446，图表上显示的最大值是正确的。）

我正在使用以下功能更改图表大小：

var chartContainer = $("#highstock-chart"); // #highstock-chart is where the chart is located

var resizeChart = function() {
    window.chart.setSize(chartContainer.width(), chartContainer.height());
  };

$(".fullscreen").click(function() {
    chartContainer.css("z-index", 100);
    chartContainer.css("position", "fixed");
    chartContainer.css("top", 0);
    chartContainer.css("left", 0);
    chartContainer.css("padding", 0);
    chartContainer.css("width", "100%");
    chartContainer.css("height", "100%");
    resizeChart();
  });

这是我调整图表大小的问题吗？这是HighCharts中的怪癖吗？

Answer 1

这是来自Highstock的dataGrouping，您可以禁用它（我不建议）：http://api.highcharts.com/highstock#plotOptions.series.dataGrouping

调整HighCharts图表的大小会导致更改为最大Y值

1 个答案: