test
(custom)
<script src="/jsgraphics/jsgraphics.js"></script>
<script src="/jsgraphics/timeline2c.js"></script>
<script language="javascript" type="text/javascript" src="/jsgraphics/level2.js"></script>
<canvas id="lev3" width="80" height="30">Canvas not supported</canvas>
<canvas id="lev1" width="80" height="30">Canvas not supported</canvas>
<canvas id="lev2" width="80" height="30">Canvas not supported</canvas>
<script type="text/javascript">
level_3 = new level2('lev3', 'avr', ' AVG', 2000, '');
level_3.alertmin = 0;
level_3.alertmax = 45;
//level_3.background = 'rgba(200, 40, 40, 1)';
level_3.max_ = 500;
level_3.min_ = 15;
level_3.red_ = 200;
level_3.yellow_ = 150;
level_3.orange_ = 100;
level_3.green_ = 75;
level_3.blue_ = 50;
level_3.cyan_ = 0;
level_3.redraw();
</script>
<script type="text/javascript">
level_3 = new level2('lev1', 'rmem', 'MEM', 100, '');
level_3.alertmin = 0;
level_3.alertmax = 100;
//level_3.background = 'rgba(200, 40, 40, 1)';
level_3.max_ = 100;
level_3.min_ = 15;
level_3.yellow_ = 80;
level_3.red_ = 90;
level_3.orange_ = 70;
level_3.green_ = 50;
level_3.blue_ = 30;
level_3.cyan_ = 0;
level_3.redraw();
</script>
<script type="text/javascript">
level_3 = new level2('lev2', 'cpu', 'CPU', 2000, '');
level_3.alertmin = 0;
level_3.alertmax = 45;
//level_3.background = 'rgba(200, 40, 40, 1)';
level_3.max_ = 48;
level_3.min_ = 15;
level_3.yellow_ = 45;
level_3.red_ = 43;
level_3.orange_ = 41;
level_3.green_ = 20;
level_3.blue_ = 10;
level_3.cyan_ = 0;
level_3.redraw();
</script>
Система
(custom)
<script language="javascript" type="text/javascript" src="/jsgraphics/jsgraphics.js"></script>
<script language="javascript" type="text/javascript" src="/jsgraphics/state1.js"></script>
<TABLE CELLPADDING=1 CELLSPACING=1>
<TR VALIGN=center>
<TD>
<canvas id="stt1"width="50" height="28" >Canvas not supported</canvas>
<script type="text/javascript">
st1 = new state1('stt1', 'avr', 'ОБЩЕЕ', 20000, 2);
st1.alertmin = 75;
st1.alertmax = 1000;
st1.int1_min = 100; st1.int1_max = 101; st1.int1_color = 'rgba(50, 200, 50, 1)'; // green
st1.int2_min = 75; st1.int2_max = 99; st1.int2_color = 'rgba(210, 160, 50, 1)'; // orange
st1.int3_min = 50; st1.int3_max = 74; st1.int3_color = 'rgba(225, 60, 50, 1)'; // red
st1.int4_min = 25; st1.int4_max = 49; st1.int4_color = 'rgba(140, 140, 225, 1)'; // blue
st1.int5_min = 0; st1.int5_max = 24; st1.int5_color = 'rgba(50, 230, 230, 1)'; // cyan
st1.redraw();
</script>
</TD>
<TD ALIGN=center>
<canvas id="stt2"width="50" height="28" >Canvas not supported</canvas>
<script type="text/javascript">
st1 = new state1('stt2', 'rmem', 'Память', 20000, 2);
st1.alertmin = 75;
st1.alertmax = 1000;
st1.int1_min = 100; st1.int1_max = 101; st1.int1_color = 'rgba(50, 200, 50, 1)'; // green
st1.int2_min = 75; st1.int2_max = 99; st1.int2_color = 'rgba(210, 160, 50, 1)'; // orange
st1.int3_min = 50; st1.int3_max = 74; st1.int3_color = 'rgba(225, 60, 50, 1)'; // red
st1.int4_min = 25; st1.int4_max = 49; st1.int4_color = 'rgba(140, 140, 225, 1)'; // blue
st1.int5_min = 0; st1.int5_max = 24; st1.int5_color = 'rgba(50, 230, 230, 1)'; // cyan
st1.redraw();
</script>
</TD>
<TD ALIGN=center>
<canvas id="stt3"width="50" height="28" >Canvas not supported</canvas>
<script type="text/javascript">
st1 = new state1('stt3', 'cpu', 'ЦП', 20000, 1);
st1.alertmin = 75;
st1.alertmax = 1000;
st1.int1_min = 100; st1.int1_max = 101; st1.int1_color = 'rgba(50, 200, 50, 1)'; // green
st1.int2_min = 75; st1.int2_max = 99; st1.int2_color = 'rgba(210, 160, 50, 1)'; // orange
st1.int3_min = 50; st1.int3_max = 74; st1.int3_color = 'rgba(225, 60, 50, 1)'; // red
st1.int4_min = 25; st1.int4_max = 49; st1.int4_color = 'rgba(140, 140, 225, 1)'; // blue
st1.int5_min = 0; st1.int5_max = 24; st1.int5_color = 'rgba(50, 230, 230, 1)'; // cyan
st1.redraw();
</script>
</TD>
<TD ALIGN=center>
<canvas id="stt4"width="50" height="28" >Canvas not supported</canvas>
<script type="text/javascript">
st1 = new state1('stt4', 'hdd', 'HDD', 20000, 1);
st1.alertmin = 75;
st1.alertmax = 1000;
st1.int1_min = 100; st1.int1_max = 101; st1.int1_color = 'rgba(50, 200, 50, 1)'; // green
st1.int2_min = 75; st1.int2_max = 99; st1.int2_color = 'rgba(210, 160, 50, 1)'; // orange
st1.int3_min = 50; st1.int3_max = 74; st1.int3_color = 'rgba(225, 60, 50, 1)'; // red
st1.int4_min = 25; st1.int4_max = 49; st1.int4_color = 'rgba(140, 140, 225, 1)'; // blue
st1.int5_min = 0; st1.int5_max = 24; st1.int5_color = 'rgba(50, 230, 230, 1)'; // cyan
st1.redraw();
</script>
</TD>
<TD ALIGN=center>
<canvas id="stt5"width="50" height="28" >Canvas not supported</canvas>
<script type="text/javascript">
st1 = new state1('stt5', 'hdd', 'HDD', 20000, 0);
st1.alertmin = 75;
st1.alertmax = 1000;
st1.int1_min = 100; st1.int1_max = 101; st1.int1_color = 'rgba(50, 200, 50, 1)'; // green
st1.int2_min = 75; st1.int2_max = 99; st1.int2_color = 'rgba(210, 160, 50, 1)'; // orange
st1.int3_min = 50; st1.int3_max = 74; st1.int3_color = 'rgba(225, 60, 50, 1)'; // red
st1.int4_min = 25; st1.int4_max = 49; st1.int4_color = 'rgba(140, 140, 225, 1)'; // blue
st1.int5_min = 0; st1.int5_max = 24; st1.int5_color = 'rgba(50, 230, 230, 1)'; // cyan
st1.redraw();
</script>
</TD>
</TR>
</TABLE>