javascript曲线图代码(javascript如何绘制曲线)

这个曲线是动态的 我把他应用到JSP中，代码如下Java代码 lt%@ page language=quotjavaquot import=quotjavautil*quot pageEncoding=quotUTF8quot% Highcharts Example；windowonload = function var c = documentgetElementByIdquotmyCanvasquotvar content = cgetContextquot2dquot绘制二次方贝塞尔曲线 contentstrokeStyle =quot#FF5D43quotcontentbeginPathcontentmoveTo0，20。

用canvas吧 html5的 很好弄这个，我用它做了个路由器流量监控的 也是模仿任务管理器的曲线图 看图每幅图3个canvas标签，显示的图像=背景色+另外两个的图像 一个是纯黑色背景，每次刷新都全部覆盖掉，再把下两个贴；图表的背景一般是精心设计的它有一定的梯度网格线号码标签和月份名称等等，如果直接通过JavaScript进行绘制可能需数十行或上百行的代码但是如果我们直接通过Canvas直接创建一个背景图我们只需要在其他的软件如PS上绘制好一。

纯JS不好做，可以看看ExtJS的chart能不能实现，估计你要找其他chart插件来试试了；可以从本地文件数据库或网络API等获取数据2计算峰值使用JavaScript数组中的reduce方法对纵坐标数组进行迭代，并找到最大值的索引3显示峰值将找到的峰值以文字或者图形的方式呈现出来可以在曲线图上绘制一个。

Highcharts JS Highcharts JS 是一个制作图表的纯 Javascript 类库，主要特性如下兼容性兼容当今所有的浏览器，包括 iPhoneIE 和火狐等等对个人用户完全免 费纯JS，无BS支持大部分的图表类型直线图，曲线图；function buynow ajax type quotGETquot，url quotashxashxchecksessionashxquot，timeout 5000，success function data buynow_dodata，complete function XML。

下面是两个简单示例创建静态饼图 只需要两行代码即可，示例代码 代码如下 在坐标10，50创建 600 × 450 的画布 var r = Raphael10， 50， 600， 450 创建中心坐标为320， 200的饼图，半径为1；x轴值 var categories=lt%=categories%y轴值 var data=lt%=data%创建图表 var chartdocumentreadyfunction chart = new HighchartsChart chart renderTo #39container#39，type。

这个应该是你想要的吧，稍微改一下应该不难；Highcharts JS 是一个制作图表的纯 Javascript类库，主要特性如下兼容性兼容当今所有的浏览器，包括 iPhoneIE 和火狐等等对个人用户完全免 费纯JS，无BS支持大部分的图表类型直线图，曲线图区域图区域曲线。

2javascript代码 function changen ifn5 n=1 一共5张图片，所以循环替换 documentgetElementByIdquottestquotsetAttributequotsrcquot， n+quotpngquotn++setTimeoutquotchangequot+n+quotquot，1000 window。

这里以Web前端为例，简单介绍一下程序员是如何实现前端数据可视化的，主要内容如下Highchartsjs 这是一个纯粹的JavaScript可视化库，完美支持移动端，可以快速的为Web网站添加具有交互性的图表包括曲线图散点图柱状图；Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础，你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图饼图曲线图等各种图表，还可以绘制任意形状。

2种方案1可以用很多 div ，全部做成 1px X 1px ，然后组成图形这样做，比较麻烦，浏览器渲染很累2直接用 vml网上上有公司已经做了这方面画图插件，很方便调用的像什么 sin ，cos ，圆，三角；ie用vml 非ie用svg，但是用flash是最好的方法。

JS Charts支持的数据源可以是XML或JavaScript数组JS Charts 是一个轻量级的免费javascript 基础图表生成器，支持柱状图，圆饼图以及简单的曲线图不需要在服务器端安装插件，只需在客户端加入javascript代码JS Charts 支持XML。