2017-01-17 9 views
0

私のアプリケーションでは、ハイチャートをレポートの目的に使用します。divの高さと幅を100%に設定しますが、データを隠すように設定しました。可能な高さですか? グラフの下で、私は40件のユーザデータを持っていますが、チャートに偶数のユーザデータ、すなわち欠落していることをuser2が、USER4、 enter image description heredivの幅と高さを動的に設定するためのハイチャートデータ

+0

user6私はあなたが求めているものを行い、ここでの例を持っている - あなたが必要があるかもしれません高さから幅に適応するには、コンセプトは同じです:http://jsfiddle.net/jlbriggs/kpu5d1qf/この情報の情報を参照してください:http://stackoverflow.com/questions/39894055/dynamic-height-of- chart-of-highchart/39895506#39895506 – jlbriggs

+0

すべてのx軸ラベルを表示するには、xAxis.labels.stepを1に設定します。http://jsfiddle.net/4qc92zmz/4/ – morganfree

答えて

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)); 
関連する問題