基于Highchart数据动态设置div宽度和高度答案

【问题标题】：Highchart data based to set div width and height dynamically基于Highchart数据动态设置div宽度和高度
【发布时间】：2017-06-01 00:56:33
【问题描述】：

在我的应用程序中，我使用 highchart 进行报告。我将 div 高度和宽度设置为 100%，但要隐藏数据。所以我需要基于 highchart 数据来自动设置 div 宽度和高度是可能的吗？在下面的图表中，我有 40 个用户数据，但在图表中偶数用户数据丢失，即 user2、user4、user6

【问题讨论】：

我在这里有一个例子可以满足您的要求 - 您可能需要从高度到宽度进行调整，但概念是相同的：jsfiddle.net/jlbriggs/kpu5d1qf 请参阅此答案以获取信息：stackoverflow.com/questions/39894055/…
要让所有 x 轴标签可见，请将 xAxis.labels.step 设置为 1。jsfiddle.net/4qc92zmz/4

标签： highcharts

【解决方案1】：

$(function() 
{
(function(H) 
{
H.wrap(H.Axis.prototype, 'setAxisSize', function(proceed) 
{
var chart = this.chart,
staticScale = this.options.staticScale,height,diff;
var defaultWidth=20;
// For each series destroy trackball
if (staticScale !== undefined) {
var widthDiff;
if (chart.xAxis[0].max !== null)
{
widthDiff = chart.xAxis[0].max * defaultWidth;
}
height = (this.max - this.min) * staticScale;
diff = height - chart.plotHeight;
chart.plotHeight = height;
if (Math.abs(diff) >= 1 && chart.xAxis[0].max !== null) {

chart.setSize(
chart.chartWidth + widthDiff,
chart.chartHeight + diff,
!chart.hasRendered
 );
}
}
proceed.call(this);
});
}(Highcharts));

【讨论】：