Выводить рандомные числа в графике

200
30 июня 2018, 21:50

Как выводить рандомные числа в графике каждые 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>

READ ALSO
Стилизация google chatrs

Стилизация google chatrs

Есть ли возможность стилизовать point's в google chart именно по наведению? И есть ли возможность увеличить один отдельный point даже без наведенияИ...

174
Слайдер калькулятор - инициализация

Слайдер калькулятор - инициализация

Есть готовый калькуляторКак сделать так, что при загрузке страницы, он сразу срабатывал и показывал значение? Сейчас он срабатывает только...

220
JS. Функция для изменения ширины и высоты Diva

JS. Функция для изменения ширины и высоты Diva

В поля(инпуты) вводится высота и ширина, и блок должен тут же менять ширину и высоту, но оставаться в нужных пределах (250 на 250)

195
Как установить модульную систему AMD?

Как установить модульную систему AMD?

Знаю, что есть более современные модульные системы, но хотелось бы понять, как устанавливается именно эта?

156