CSS:
#container{
width: 100%;
height: 100vh;
}
#container.footer{
float:left;
width:100%;
height:20vh;
margin-top:80vh;
background-color:red;
}
HTML:
<div id="container">
<div class="footer">
</div>
</div>
Это должно сделать трюк, если вы ищете ответный нижний колонтитул, выровненный в нижней части страницы, который всегда удерживает верхний предел 80% высоты просмотра.
Вы можете получить ссылку на компонент React в функциях событий диаграммы и использовать ее для визуализации некоторых элементов:
chart: {
events: {
render: function() {
...
// use React to render something
}.bind(this)
}
},
Демо-версия: https://codesandbox.io/s/2x0kpxkoxn [ 111]
Справочник по API: https://api.highcharts.com/highcharts/chart.events.render