WEBchartmaster.com - charts in Internet

JScript

Move mouse pointer over charts and legend.

0 2 4 6 8 10 12 14 9 8 10 12 11 12
Area Line

Chart description

area;;;170;130;#f7f3e6;ch1;;;jscript.hea
plot;30;5;10;10
border;2;white
Y1-;;;0;14;2;;0;
legend;;;85;65;#f7f3e6;;;12
d1;l3;2;red;red;Area' onmouseover='overs1()' onmouseout='outs1();;9;8;10;12;11;12;
d1;v;10;black;yellow;Values;;9;8;10;12;11;12;
d1;l1;4;blue ;;Line' onmouseover='overl3()' onmouseout='outl3();;5;6; 5; 8;7;9;
d1;m4;6;blue;yellow;^Marker;;5;6; 5; 8;7;9;

File jscript.hea

<html>
<xml:namespace prefix="v"/>
<head>
<META Name="Generator" Content="Web chart master">
<script language=javascript>
<!--

function overs1(){
  for (i=0; i < ch1_1.length; i++) {
   ch1_1(i).fillcolor='green';
   ch1_1(i).strokecolor='green';
  }
}
function outs1(){
  for (i=0; i < ch1_1.length; i++) {
   ch1_1(i).fillcolor='red';
   ch1_1(i).strokecolor='red';
  }
}

function overl3(){
  for (i=0; i < ch1_3.length; i++) {
   ch1_3(i).strokecolor='black';
   ch1_3(i).fillcolor='lime';
  }
}

function outl3(){
  for (i=0; i < ch1_3.length; i++) {
   ch1_3(i).strokecolor='blue';
   ch1_3(i).fillcolor='yellow';
  }
}
//-->
</script>
</head>
<style>
v\:* {behavior=url(#default#VML)}
</style>
<body>