由于本人写完之后没有进行整理,所以里边代码结构不是很合理,请大家见谅,另外里边的画图的坐标,也是一边画一边调整的,仅供大家参考 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>绘制柱状图</title> </head> <body> <div style="margin: 0 auto; width:800px; height:400px"> <canvas id="can1" width="800" height="400"> </canvas> <table border="1" style="width: 800px" id="tab1"> <caption>会员数的变化</caption> <thead> <th>公元</th> <th>2003年</th> <th>2004年</th> <th>2005年</th> <th>20