Everything is at http://log4think.com now.

刘金雨的Blog

mirror of http://log4think.com

打车抬表费用图

 

Code
<html>
<script type="text/javascript" src="wz_jsgraphics.js"></script>

<body>
<script type="text/javascript">
<!--
function getPrice(distance, night) {
    
var unitPrice = 2.0,
        basicDistance 
= 3,
        basicPrice 
= 10,
        extDistance 
= 15,
        extPrice 
= 3.0;
    
    
var price = 0.0;
    
if ( distance == 0 ) return 0;
    
if ( distance <= basicDistance ) return basicPrice;
        
    
if ( distance <= extDistance ) {
        price 
= basicPrice + unitPrice * (distance - basicDistance);
        
return price;
    }
    
    price 
+= basicPrice + unitPrice*(extDistance-basicDistance) + extPrice*(distance-extDistance)
    
return price;
}

function getPriceWithReset(distance, night, reset) {
    
if ( reset == 0 ) {
        
return getPrice(distance, night);
    } 
else {
        
return getPrice(reset, night) * Math.floor(distance/reset) + getPrice(distance % reset, night);
    }
}

var coordXUnit = 8, coordYUnit = 3,
    basicX 
= 100, basicY = 50,
    coordMaxX 
= 101, coordMaxY = 251;

function drawString(str, x, y) {
    jg.drawString(str, basicX
+x*coordXUnit, basicY+(coordMaxY-y)*coordYUnit);
}
    
function drawPoint(x, y) {
    drawLine(x, y, x, y);
}

function drawLine(x1, y1, x2, y2) {
    jg.drawLine(basicX 
+ x1*coordXUnit, basicY + (coordMaxY-y1)*coordYUnit, basicX + x2*coordXUnit, basicY + (coordMaxY-y2)*coordYUnit);
}

function drawPolyline(ax, ay) {
    
var axx = new Array(), ayy = new Array();

    
for (var e in ax) {
        axx.push(basicX 
+ (ax[e] * coordXUnit) );
    }

    
for (var e in ay) {
        ayy.push(basicY 
+ (coordMaxY - ay[e])*coordYUnit);
    }

    jg.drawPolyline(axx, ayy);
}
        
function drawCoordinate() {
    jg.setColor(
"#ee8800");
    drawLine(
00, coordMaxX, 0);
    drawLine(
000, coordMaxY);
    
    drawString(
0-2-2);
    
for (var i = 1; i < coordMaxX; i++) {
        
if (i%5==0) {
            
// draw grid
            jg.setStroke(Stroke.DOTTED); 
            drawLine(i, 
0, i, coordMaxY);
            
// draw mark
            jg.setStroke(0); 
            drawLine(i, 
0, i, -2);
            drawString(i, i
-1-3);
        } 
else {
            drawLine(i, 
0, i, -1);
        }
    }
    
    
for (var i = 1; i < coordMaxY ; i++) {
        
if (i%5==0) {
            
// draw grid
            jg.setStroke(Stroke.DOTTED); 
            drawLine(
0, i, coordMaxX, i);
            
// draw mark
            jg.setStroke(0); 
            drawLine(
0, i, -2, i);
            drawString(i, 
-7, i+1);
        } 
else {
            drawLine(
0, i, -1, i);
        }
    }
}

function drawPriceLine(night, reset) {
    
var ax = new Array(), ay = new Array();
    
    
for (var d=1; d<80; d++) {
        ax.push(d);
        ay.push(getPriceWithReset(d, night, reset));
    }
    drawPolyline(ax, ay);
}

/////////////// main section ///////////////
var jg = new jsGraphics();
jg.setFont(
"verdana,geneva,sans-serif""10px", Font.PLAIN);


drawCoordinate();
drawString(
"reset:"0-10);
jg.setColor(
"#000000");
drawPriceLine(
00);
drawString(
"0"5-10);
jg.setColor(
"#FF0000");
drawPriceLine(
010);
drawString(
"10"10-10);
jg.setColor(
"#00FF00");
drawPriceLine(
015);
drawString(
"15"15-10);
jg.setColor(
"#0000FF");
drawPriceLine(
020);
drawString(
"20"20-10);

///////////////// from wangjing to my home, 35KM /////////////////
jg.setColor("#880000");
var xp = new Array(), yp = new Array();
for ( var i=10; i<30; i++) {
    xp.push(i);
    yp.push(getPriceWithReset(
350, i));
}
drawPolyline(xp, yp);

drawString(getPriceWithReset(
35015), 0-20);
jg.paint();
//-->
</script>
</body>
</html>

效果图

 

posted on 2009-07-05 05:39  古月春秋(刘云涛)  阅读(345)  评论(0编辑  收藏  举报

导航