在JavaScript畫統計
http://www.lutanho.net/diagram/
http://www.cftea.com/c/2008/12/UD3J2R3CNHR2H82P.asp


這個

http://www.lutanho.net/diagram/

還不錯
只要引用進來就可以直接使用


像我畫出這樣的圖形



我只作以下動作而已
從那個網站下載回來diagram.js
然後
< SCRIPT Language="JavaScript" src="diagram.js"><

 

document.open();
var D=new Diagram();
D.SetFrame(80, 160, 520, 360);
D.SetBorder(1, 12, 0, 100);
D.SetText("","", "每月銷售狀況圖");
D.XScale=" 月";
D.YScale="%";
D.XGridDelta=1;
D.SetGridColor("#cccccc");
D.Draw("#FFEECC", "#663300", false);
var t, T0, T1;
D.GetYGrid();
_BFont="font-family:Verdana;font-size:10pt;line-height:13pt;";
  new Line(D.ScreenX(1), D.ScreenY(21), D.ScreenX(2), D.ScreenY(25), "#cc9966", 2,"百分比");
  new Line(D.ScreenX(2), D.ScreenY(25), D.ScreenX(3), D.ScreenY(28), "#cc9966", 2,"百分比");
  new Line(D.ScreenX(3), D.ScreenY(28), D.ScreenX(4), D.ScreenY(29), "#cc9966", 2,"百分比");
  new Line(D.ScreenX(4), D.ScreenY(29), D.ScreenX(5), D.ScreenY(24), "#cc9966", 2,"百分比");
  new Line(D.ScreenX(5), D.ScreenY(24), D.ScreenX(6), D.ScreenY(25), "#cc9966", 2,"百分比");
  new Line(D.ScreenX(6), D.ScreenY(25), D.ScreenX(7), D.ScreenY(28), "#cc9966", 2,"百分比");
  new Line(D.ScreenX(7), D.ScreenY(28), D.ScreenX(8), D.ScreenY(29), "#cc9966", 2,"百分比");
  new Line(D.ScreenX(8), D.ScreenY(29), D.ScreenX(9), D.ScreenY(22), "#cc9966", 2,"百分比");

document.close();

arrow
arrow
    全站熱搜

    ROACH 發表在 痞客邦 留言(0) 人氣()