注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Bioinformatics home

 
 
 

日志

 
 

客户端画图就是这么拽,全靠jschart  

2011-02-17 11:13:29|  分类: Jquery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
php为例:

<?php
function drawPicture($data,$name, $id)
{

    $mydata='';
    $mycolors='';
    foreach ($data as $k=>$v)
    {
       $mydata=$mydata."['$k', ".number_format($v,3, '.', '')."],";
       $mycolors=$mycolors."'#81C714',";
    }
    $mydata=substr($mydata,0, strlen($mydata)-1);
    $mycolors=substr($mycolors,0, strlen($mycolors)-1);
    return "
    <div id=\"$id\"></div><script type=\"text/javascript\">
        var myData = new Array($mydata);
        var colors = [$mycolors];
        var myChart = new JSChart('$id', 'bar');
        myChart.setDataArray(myData);
        myChart.colorizeBars(colors);
        myChart.setTitle('$name');
        myChart.setTitleColor('#000000');
        myChart.setAxisNameX('');
        myChart.setAxisNameY('');
        myChart.setAxisColor('#000000');
        myChart.setAxisNameFontSize(16);
        myChart.setAxisNameColor('#999');
        myChart.setAxisValuesColor('#000000');
        myChart.setBarValuesColor('#000000');
        myChart.setAxisPaddingTop(60);
        myChart.setAxisPaddingRight(140);
        myChart.setAxisPaddingLeft(150);
        myChart.setAxisPaddingBottom(40);
        myChart.setTextPaddingLeft(105);
        myChart.setTitleFontSize(12);
        myChart.setBarBorderWidth(1);
        myChart.setBarBorderColor('#C4C4C4');
        myChart.setBarSpacingRatio(50);
        myChart.setGrid(false);
        myChart.setSize(830, 321);
        myChart.setBackgroundImage('chart_bg.jpg');
        myChart.draw();
    </script>";

}
//调用
echo drawPicture($Reference->referenceAvg, "Gene stability by Delt CT method","containerdeltCT");
?>

参考jschart :http://www.jscharts.com/
  评论这张
 
阅读(981)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017