重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
以前我们利用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服务器,在浏览器的地址栏中输入“”,