Highcharts 调整高度图表的大小
调整嵌入HTML页面的Highchart大小的推荐方法是什么 我将包含图表的Highcharts 调整高度图表的大小,highcharts,Highcharts,调整嵌入HTML页面的Highchart大小的推荐方法是什么 我将包含图表的(以及Highcharts div本身)设置为style.resize=“both”,但这似乎不起作用(我怀疑是因为Highchart URL位于图表的右下角)。具体来说,我正在寻找推荐的UI提示 建议 您需要在图表容器上设置相同的填充,以查看调整大小。如果更改了图表容器的尺寸,则需要调用chart.reflow方法: CSS: JS: 现场演示: API:和。您能在这里发布一些示例代码吗?要删除highcharts u
(以及Highcharts div本身)设置为style.resize=“both”
,但这似乎不起作用(我怀疑是因为Highchart URL位于图表的右下角)。具体来说,我正在寻找推荐的UI提示
建议 您需要在图表容器上设置相同的
填充
,以查看调整大小
。如果更改了图表容器的尺寸,则需要调用chart.reflow
方法:
CSS:
JS:
现场演示:
API:和。您能在这里发布一些示例代码吗?要删除highcharts url,请使用以下代码
credits:{enabled:false}
Super-help@MarsAndBack谢谢。。。没有在文档中看到这个页面,太好了。谢谢。这正是我要找的。
#container {
width: 400px;
height: 400px;
background: #e2eaad;
margin: 0 auto;
resize: both;
padding: 10px;
}
var chart = Highcharts.chart('container', {
series: [{
data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
}]
});
document.getElementById('container').addEventListener("click", function() {
chart.reflow();
});