doradoChart使用手册.docx
- 文档编号:10802233
- 上传时间:2023-02-23
- 格式:DOCX
- 页数:22
- 大小:338.54KB
doradoChart使用手册.docx
《doradoChart使用手册.docx》由会员分享,可在线阅读,更多相关《doradoChart使用手册.docx(22页珍藏版)》请在冰豆网上搜索。
doradoChart使用手册
Doradochart使用手册
赵仕平
2009-7-28
一、准备
dorado-5.3090216.1515
dorado5.3企业版升级包.rar
安装候创建工程,view,可以看见如下工具:
得有心理准备,所有的chart都不能动态刷新,只能重新加载jsp,所以很多都用iframe来实现刷新
特别注意:
如果在升级后要报错,请检查web-inf/lib/ehcache是否是1.3及以上版本.有多余的必须删除低版本.我的是ehcache-1.3.0.jar
二、pieChart(饼状图)
先来看效果:
PieChart就是饼状图,它是用来以图形的方式展示某个对象在全部对象中所占的百分比或者某个对象的数据在全部数据中所占的百分比。
在Dorado中我们通过属性的设定做出平面的和三维的两种类型的饼状图,同时在在平面的饼图中通过设置可以让饼图中的某一块拉出来单独显示。
PieChart中主要有以下几个属性需要注意一下:
属性名
含义
Dataset
该Chart需要绑定的Dataset
comparableKeyField
饼中需要比较的Dataset中字段的名称{就是分成饼按哪个字段分}
statisticAmount
统计方法是不是采用统计数目的方式(默认为false),如果为false时,那么valueField属性不能为空。
{最好不要管他}
valueField
statisticAmount为false时,就采用累加valueField对应值的方式来计算comparableKeyField所对应的值占总量的百分比
Show3D
是否以三维的形式显示饼图(默认值为false){这个倒是可以设置为true,显示为立体}
explodeItem
将饼中的某一项拉出来着重显示,该项仅当show3D属性为false时起作用{别管他}
你需要关心上面为红色的属性,以下为补充的说明
hasEvents
这个属性决定chart控件的事件是否被运行.true表示事件,false表示不允许事件
showLenged
是否列出各个类别的名称及颜色,如下:
Width
宽度,必须是具体的数字,可以默认,不能是百分比
Height
宽度,必须是具体的数字,可以默认,不能是百分比
Title
标题,如下:
titleColor
标题颜色
titlePosition
标题的位置,可以设置看效果,建议默认
subTitle
副标题,如下:
subTitleColor
副标题颜色
subTitlePosition
副标题位置,可以设置看效果,建议默认
在dorado的JSP中PieChart的标签书写格式为:
Controlid=”pieChartId”type=”PieChart”/> 可以ctrl+c,ctrl+v 哦,我把view和jsp贴出来把 View.xml: xmlversion="1.0"encoding="UTF-8"? > "+data.getValue("value")+"¥"); varsubwShow=document.getElementById("subwShow"); subwShow.show(true,true); subwShow.getContentContainer().innerHTML=text; window.setTimeout("subwShow.hide();",1500); } Jsp: <%@pagecontentType="text/html;charset=UTF-8"%> <%@tagliburi="prefix="d"%>
Viewconfig="PieChartTest"> Controlid="pieChart1"type="PieChart"/> SubWindowid="subwShow"/> View> Listener: importjava.util.ArrayList; importjava.util.HashMap; importjava.util.List; importcom.bstek.dorado.data.AbstractDatasetListener; importcom.bstek.dorado.data.Dataset; /** *PieChartTest_dataset1Listener */ publicclassPieChartTest_dataset1ListenerextendsAbstractDatasetListener{ publicvoidafterLoadData(Datasetdataset) throwsException{ List HashMapmap11=newHashMap(); map11.put("type","第一季度"); map11.put("value",300); map11.put("row","张三"); list.add(map11); HashMapmap12=newHashMap(); map12.put("type","第二季度"); map12.put("value",400); map12.put("row","张三"); list.add(map12); HashMapmap13=newHashMap(); map13.put("type","第三季度"); map13.put("value",500); map13.put("row","张三"); list.add(map13); HashMapmap14=newHashMap(); map14.put("type","第四季度"); map14.put("value",600); map14.put("row","张三"); list.add(map14); HashMapmap21=newHashMap(); map21.put("type","第一季度"); map21.put("value",300); map21.put("row","李四"); list.add(map21); HashMapmap22=newHashMap(); map22.put("type","第二季度"); map22.put("value",400); map22.put("row","李四"); list.add(map22); HashMapmap23=newHashMap(); map23.put("type","第三季度"); map23.put("value",400); map23.put("row","李四"); list.add(map23); HashMapmap24=newHashMap(); map24.put("type","第四季度"); map24.put("value",300); map24.put("row","李四"); list.add(map24); dataset.fromDO(list); } } 三、barChart(柱状图) 先来看效果: BarChart顾名思义就是柱图。 BarChart比较简单,它有XY,X轴表示对象种类;Y轴表示该种类对应的值,所以Y轴的值必须为数字,它主要有以下几个属性: 属性名 含义 Dataset 该Chart需要绑定的Dataset columnKeyField Chart中列关键字的值所对应的Dataset中字段的名称(不能为空){就是x轴} rowKeyField Chart中行关键字的值所对应的Dataset中字段的名称(不能为空){就是分组的依据} valueField 柱图的高度值所对应的Dataset中字段的名称(不能为空) Show3D 是否以三维的形式显示柱图(默认值为false) 你需要关心上面为红色的属性,以下为补充的说明 hasEvents 这个属性决定chart控件的事件是否被运行.true表示事件,false表示不允许事件 showLenged 是否列出各个类别的名称及颜色,如下: Width 宽度,必须是具体的数字,可以默认,不能是百分比 Height 宽度,必须是具体的数字,可以默认,不能是百分比 Title 标题,如下: titleColor 标题颜色 titlePosition 标题的位置,可以设置看效果,建议默认 subTitle 副标题,如下: subTitleColor 副标题颜色 subTitlePosition 副标题位置,可以设置看效果,建议默认 RangeAxisLabel Y轴标签 domainAxisLabel X轴标签 在dorado的JSP中BarChart的标签书写格式为: Controlid=”barChartId”type=”BarChart”/> 可以复制。 我还是把源程序贴出来. View.xml: xmlversion="1.0"encoding="UTF-8"? > "+data.getValue("value")+"¥"); varsubwShow=document.getElementById("subwShow"); subwShow.show(true,true); subwShow.getContentContainer().innerHTML=text; window.setTimeout("subwShow.hide();",1500); } Jsp: <%@pagecontentType="text/html;charset=UTF-8"%> <%@tagliburi="prefix="d"%>
Viewconfig="BarChartTest"> Controltype="BarChart"id="barChart1"/> SubWindowid="subwShow"/> View> Listener: importjava.util.ArrayList; importjava.util.HashMap; importjava.util.List; importcom.bstek.dorado.data.*; importmon.*; /** *BarChartTest_dataset1Listener */ publicclassBarChartTest_dataset1ListenerextendsAbstractDatasetListener{ publicvoidafterLoadData(Datasetdataset) throwsException{ List HashMapmap11=newHashMap(); map11.put("type","第一季度"); map11.put("value",300); map11.put("row","张三"); list.add(map11); HashMapmap12=newHashMap(); map12.put("type","第二季度"); map12.put("value",400); map12.put("row","张三"); list.add(map12); HashMapmap13=newHashMap(); map13.put("type","第三季度"); map13.put("value",500); map13.put("row","张三"); list.add(map13); HashMapmap14=newHashMap(); map14.put("type","第四季度"); map14.put("value",600); map14.put("row","张三"); list.add(map14); HashMapmap21=newHashMap(); map21.put("type","第一季度"); map21.put("value",300); map21.put("row","李四"); list.add(map21); HashMapmap22=newHashMap(); map22.put("type","第二季度"); map22.put("value",400); map22.put("row","李四"); list.add(map22); HashMapmap23=newHashMap(); map23.put("type","第三季度"); map23.put("value",400); map23.put("row","李四"); list.add(map23); HashMapmap24=newHashMap(); map24.put("type","第四季度"); map24.put("value",300); map24.put("row","李四"); list.add(map24); dataset.fromDO(list); } } 四、lineChart(折线图) 先来看效果: LineChart就是曲线图,这种类型的曲线图是用来反应不同对象所对应的值连成线后的效果图。 它有X轴和Y轴,X轴用来表示对象种类;Y轴用来表示该种对象所对应的值,因此Y轴所对应的值必须是数字类型。 它的主要属性如下: 属性名 含义 Dataset 该Chart需要绑定的Dataset columnKeyField Chart中列关键字的值所对应的Dataset中字段的名称(不能为空){x轴的区分} rowKeyField Chart中行关键字的值所对应的Dataset中字段的名称(不能为空){y轴的区分} valueField 高度值所对应的Dataset中字段的名称(不能为空) categoryAxisLabel 显示对象种类轴,也就是X轴的标签 valueAxisLabel 对象所对应的值的轴,既Y轴的标签 Show3D 是否以三维的形式显示柱图(默认值为false) 你需要关心上面为红色的属性,以下为补充的说明 hasEvents 这个属性决定chart控件的事件是否被运行.true表示事件,false表示不允许事件 showLenged 是否列出各个类别的名称及颜色,如下: Width 宽度,必须是具体的数字,可以默认,不能是百分比 Height 宽度,必须是具体的数字,可以默认,不能是百分比 Title 标题,如下: titleColor 标题颜色 titlePosition 标题的位置,可以设置看效果,建议默认 subTitle 副标题,如下: subTitleColor 副标题颜色 subTitlePosition 副标题位置,可以设置看效果,建议默认 从属性是我们不难发现,LineChart和BarChart的属性基本上一样,其实他们内部用的数据类型都是一样的,所以我们可以利用不同的渲染器在两个图形间进行转换;通过调整它们的renderType属性的值我们可以把BarChart转化为LineChart,也可以把LineChart渲染成BarChart。 在dorado的JSP中LineChart的标签书写格式为: Controlid=”lineChartId”type=”LineChart”/> 可以复制. 我还是贴出源文件吧: View.xml: xmlversion="1.0"encoding="UTF-8"? >
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- doradoChart 使用手册