1、给你个思路吧，如果想在页面上画图，现在首选考虑到的是HTML5的Canvas功能。
创新互联-专业网站定制、快速模板网站建设、高性价比南岗网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式南岗网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖南岗地区。费用合理售后完善，10余年实体公司更值得信赖。
2、插入-图表-折线图，在右边方框中选择你要的折线图样式，然后选择源数据（即你要绘折线图的数据来源位置），再根据屏幕提示，标上图表名称等，下一步或按完成按钮即可。多试几次就行。
3、两种使用方式：1，将JS的代码写在JS文件中，然后 拖到HTML页面中。
getContextChtml5内建对象用于在画布上绘制。
亲爱的提问朋友，html5中常用的两种绘图元素是：Canvas和SVG。他们都是html5中支持在画布上绘制图形和放入图片的。
Canvas是HTML5中的重要组成部分，用于绘制简单的图形，定义路径，创建渐变及应用图像变换，所以是必须用到的。
1、创建一个 canvas 元素 利用 bezierCurveTo 这个方法来画该曲线。由于这个方法相关参数难以确定，我同样选择了一个 工具 来获取所需要的具体参数数值。至此，我们就得到了我们想要的曲线了。
2、这里，通过使用 fillStyle 属性绘制一个黑色矩形，将画布背景设置为黑色 (#000)。然后使用 strokeStyle 属性将线条颜色设置为白色 (#fff)，使用 fillRect 方法应用黑色背景，并使用 lineWidth 属性将线条的粗细设置为 3 个像素。
3、可以用很多 div ，全部做成 1px X 1px ，然后组成图形。这样做，比较麻烦，浏览器渲染很累。。直接用 vml。网上上有公司已经做了这方面画图插件，很方便调用的。。
4、// 绘制一个具有图表背景的图片后再根据要绘制的曲线图各个点在canvas是中的坐标绘制直线。
5、Canvas 元素是 HTML5 中的一个新元素，它可以用于在网页上绘制图形，可以用来绘制2D图形，它提供了一些API，可以用JavaScript脚本来操纵画布，绘制各种形状以及图片，以及使用线条，贝塞尔曲线，矩形，圆形，文字等。
