CSS生成圖表和曲線，包括圓形百分比

2024-09-05 12:07:55

字體：大中小

來源：轉載

供稿：網友

測試CSS的畫圖功能，用它生成一個圖表，包括數據曲線、圓形百分比餅圖，CSS需要和JS配合才能完成。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE>CSS數據畫圖，包括圓形百分比</TITLE><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><SCRIPT LANGUAGE="JavaScript"></SCRIPT><style>.emuW{position:absolute;font-size:1px;width:1}.emuH{position:absolute;font-size:1px;height:1}.emuWH{position:absolute;font-size:1px;width:1;height:1}A{text-decoration:none;color:#FF66FF}</style><SCRIPT LANGUAGE="JavaScript"></SCRIPT></HEAD><BODY><TABLE bgcolor=black cellspacing=1>	<TR bgcolor=#FFFFCC>		<TD>銷售額</TD>		<TD onclick="drawCol(this)" align=center>1月</TD>		<TD onclick="drawCol(this)" align=center>2月</TD>		<TD onclick="drawCol(this)" align=center>3月</TD>		<TD onclick="drawCol(this)" align=center>4月</TD>	</TR>	<TR bgcolor=#CCFFCC>		<TD onclick="drawRow(this)">整機</TD>		<TD>678432</TD>		<TD>981233</TD>		<TD>543215</TD>		<TD>323211</TD>	</TR>	<TR bgcolor=#CCCCFF>		<TD onclick="drawRow(this)">顯示器</TD>		<TD>78905</TD>		<TD>67534</TD>		<TD>98654</TD>		<TD>123454</TD>	</TR>	<TR bgcolor=#FFCCCC>		<TD onclick="drawRow(this)">主板</TD>		<TD>567324</TD>		<TD>56321</TD>		<TD>09876</TD>		<TD>14523</TD>	</TR></TABLE><div   class="70qarhlowxag"   id=canvas></div></BODY></HTML>

上一篇：頁面跳轉代碼整理

下一篇：CSS代碼實現百分比柱狀圖