Как выводить рандомные числа в графике каждые 5 секунд ?
Morris.Bar({
element : 'chart1',
data:[{ year:'2001', profit:203, purchase:503, sale:203}, { year:'2002', profit:203, purchase:203, sale:203}, { year:'2003', profit:203, purchase:203, sale:203}, { year:'2004', profit:203, purchase:203, sale:203}, { year:'2005', profit:203, purchase:203, sale:203}, { year:'2006', profit:203, purchase:203, sale:203}, { year:'2007', profit:203, purchase:203, sale:203}, { year:'2008', profit:203, purchase:203, sale:203}, { year:'2009', profit:203, purchase:203, sale:203}, { year:'2010', profit:203, purchase:203, sale:203}],
xkey:'year',
ykeys:['profit', 'purchase', 'sale'],
labels:['Profit', 'Purchase', 'Sale'],
hideHover:'auto',
behaveLikeLine: true,
resize:true,
gridTextColor: ['black'],
gridTextSize: ['15'],
barColors: ['#ff6d6d', '#3333ff','#6d6d93'],
});
getRandomArbitrary = (min, max) => Math.random() * (max - min) + min;
var timerId = setInterval(function() {
let data = chart.data[0].data;
data.forEach((num, index) => {
return data[index] = getRandomArbitrary(0, 1000);;
});
chart.update(5000);
}, 3000);
<link rel="stylesheet" href="morris.js-0.5.1/morris.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
<header id="header1">
<p class="pump">ЧАО "ЦГОК" ЦПО 1 УЧАСТОК №2<br>
Гистограммы распределения гранулометрического состава окатышей<br>
по чашевым окомкователям</p>
</header>
<div class="container1" style="position:relative;width:800px;background:rgba(227, 225, 225, 0.62);box-shadow: 4px 4px 3px #666666;left:10px">
<h1 align="center">ЧО-2.1</h1>
<div id="chart1"></div>
</div>
<div class="pages_next">
<button><a href="page2.php"><img class="n2"src="images/next_1.svg"></a></button>
<button><a href="page2.php"><img class="n1"src="images/next_2.svg"></a></button>
</div>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть ли возможность стилизовать point's в google chart именно по наведению? И есть ли возможность увеличить один отдельный point даже без наведенияИ...
Есть готовый калькуляторКак сделать так, что при загрузке страницы, он сразу срабатывал и показывал значение? Сейчас он срабатывает только...
В поля(инпуты) вводится высота и ширина, и блок должен тут же менять ширину и высоту, но оставаться в нужных пределах (250 на 250)
Знаю, что есть более современные модульные системы, но хотелось бы понять, как устанавливается именно эта?