以前我们利用jQuery制作过一些图表应用,使用起来都非常方便。今天再来看一款基于HTML5Canvas的饼状图图表应用,鼠标点击饼状图的某块区域时,即可高亮突出显示该区域。由于该饼状图是基于HTML5开发的,所以需要支持HTML5的浏览器才能够使用。
成都创新互联公司网络公司拥有十余年的成都网站开发建设经验,上千客户的共同信赖。提供成都网站建设、成都网站制作、网站开发、网站定制、友情链接、建网站、网站搭建、自适应网站建设、网页设计师打造企业风格,提供周到的售前咨询和贴心的售后服务
// alert(s13);alert(s14);alert(s15);alert(s16);
line1 = [['技术开发部',s13], ['人事部', s14],['财务部',s15],['其他',s16]];
注释打开后,可以提示正确的数据么?
问题应该就是出在了 s13,s14,s15,s16变量上。
不是不可以使用变量代替,但是前提是你使用的变量要有值才行。
找到它的样式,
设置成:width:30px;height:30px;border-radius:15px;就可以圆了。
下载jgcharts.js库
在页面引用
[javascript] view plain copy
script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"/script
script src="Scripts/jgcharts.js" type="text/javascript"/script
使用fushionchart制作动态饼状图的方法
在新建的Web项目下的WebRoot目录下,新建jsp页面“Pie3D.jsp”,修改其中的title/title,
由于这里是用jQuery实现3D饼图,故要引入jQuery核心js文件以及FusionCharts核心js文件,
在script type="text/javascript"/script中间,添加新建3D饼图的js相关代码,引入SWF文件、数据源以及在页面中的展示,
在页面中的body/body中加入div,将饼图引入到页面,
pie3DChart.render("pie3D");
div id="pie3D"/div
页面js文件引入完成,饼图生成js写完,现在要做的是编写3D饼图的数据源,
启动Tomcat服务器,在浏览器的地址栏中输入“”,
网站名称:jquery饼状图,饼状图的应用
标题URL:https://www.cdcxhl.com/article0/dssepio.html
成都网站建设公司_创新互联,为您提供ChatGPT、商城网站、电子商务、域名注册、定制开发、小程序开发
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联