ymyang drawing example code_javascript skills

Quotation method:

Copy code The code is as follows:

new gov. Graphic(par1,par2,par3);

par1 is the drawing data

Copy code The code is as follows:

var data=new period([0,10,22,13,34,25,28,26,30,35,28,34,39,28 ,26,50,35,28,34,39,55],//y-axis data[188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208]//x-axis data
);

par2 is for drawing Container layer id
par3 is the drawing style parameter, optional parameter
Default value:

Copy code The code is as follows:

{
height:170, //Height of drawing area
maxHeight:50, //Highest value of y-axis
barDistance:26 , //X-axis coordinate spacing
topDistance:0, //Top padding
bottomDistance:0, //Bottom padding
leftDistance:20, //Left padding
pointWidth:5, // Coordinate point width
pointHeight:5, //Coordinate point height
pointColor:"#ff0000", //Coordinate point color
lineColor:"#ffd43a", //Connecting line color
valueWidth: 20, //y-axis value width
valueColor:"#000", //y-axis value color
timeWidth:20, //x-axis value width
timeColor:"#000", //x Axis value color
disvalue:true, //Whether to display the y-axis value
distime:true //Whether to display the x-axis value
}

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Untitled Document</title> <style type="text/css"> body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0px; padding:0px; } #box,#box1{ padding:13px 0px 10px; padding-left:28px; width:677px; height:180px; background:url(/upload/20090401005357125.gif) no-repeat; } </style> <div id="box"> </div> <div id="box1"> </div>