一款Js绘图

最新推荐文章于 2022-12-10 23:37:43 发布

JaryBlueEye

最新推荐文章于 2022-12-10 23:37:43 发布

阅读量147

点赞数

分类专栏： JavaScript 文章标签： jQuery JavaFX Flash JSP HTML ViewUI

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

一款Js绘图....

[img]http://dl.iteye.com/upload/attachment/272051/94e7ef6d-f115-3479-800f-4539dad5db8c.jpg[/img]

---------------------------------

<script src="js/jqchart/jquery-1.2.3.min.js" type="text/javascript"></script>

<script src="js/jqchart/jquery.jqchart.js" type="text/javascript" charset="utf-8">
</script>

<canvas id="canvasMyID5" height="400" width="680"></canvas>

		<script type="text/javascript">

  $(function(){

    var chartSetting3={
      config : { 
        title  : '参数指标走势图',
        labelX : ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
        scaleY : {min: 0.05,max:1.00,gap:0.05},
        line   : {
          lineWidth   : [5,3,3,3,1,1,1,1],
          strokeStyle : ['red','green']
        }
      },

      data : [
        [0.05, 0.10, 0.15, 0.20, 0.25, 0.30, 0.35, 0.40, 0.45, 0.50, 0.85, 0.75],
        [0.03, 0.18, 0.25, 0.12, 0.24, 0.26, 0.04, 0.75, 0.95, 0.65, 0.23, 0.85]
      ]
    }

    $('#canvasMyID5').jQchart(chartSetting3);
  })

</script>