new Ext.Panel({
iconCls : 'chart',// 样式
title : 'ExtJS.com Visits and Pageviews, 2007/2008 (复杂样式)',
frame : true,
renderTo : 'container', width : 500, height : 300, layout : 'fit',
items : {
xtype : 'columnchart',// 柱状图
store : json_store,
url : '../extjs/resources/charts.swf',
xField : 'name',// X轴显示的值
yAxis : new Ext.chart.NumericAxis({ displayName : 'Visits',
labelRenderer : Ext.util.Format .numberRenderer('0,0') }), // Y 轴显示的值
tipRenderer : function(chart, record, index, series) {// tip渲染
if (series.yField == 'visits')
{ return Ext.util.Format.number( record.data.visits, '0,0') + ' visits in ' + record.data.name; }
else { return Ext.util.Format.number( record.data.views, '0,0') + ' page views in '+ record.data.name; } },
chartStyle : { padding : 10, animationEnabled : true,// 是否支持动态数据变化
font : {// 图表整体字体 name : 'Tahoma', color : 'silver', size : 11 },
border : { // color:'#3399FF', // size:1 },
background : { color : '#CCCCCC',// 背景颜色
alpha : 0.1 // 透明度 // image: // mode:stretch },
legend : {// 图例
display : "bottom", spacing : 2, padding : 5,
font : { name : 'Tahoma', color : '#3366FF', size : 12, bold : true} },
dataTip : { // 鼠标经过,数据提示样式 padding : 5,// 提示内容与边框的距离 border : { color : "#FF3333", size : 1 },background : { color : 0xDAE7F6,// 背景颜色透明度 alpha : .8 // 背景颜色透明度 }, font : { name : 'Tahoma', color : '#FF3300', size : 10, bold : true} },
xAxis : { // X 轴 color : 0x69aBc8, // X轴颜色
majorTicks : {// 大刻度值 color : 0x69aBc8, length : 4 },
minorTicks : {// 小刻度值 color : 0x69aBc8, length : 2 },
majorGridLines : { size : 1, color : '#999999'}, // showLabels:false, labelDistance : 4 },
yAxis : { color : 0x69aBc8, majorTicks : {// 大刻度值 color : 0x69aBc8, length : 4 }, minorTicks : {// 小刻度值 color : 0x69aBc8, length : 2 }, majorGridLines : { size : 1, color : '#999999'} } },
series : [{ type : 'column',// 柱状图
displayName : '浏览数', yField : 'views',
style : { // image : 'bar.gif', // mode : 'stretch', color : '#66CCFF'} },
{ type : 'column', // line displayName : '点击数', yField : 'visits', style : { color : '#FF3300'// lineAlpha:0.5, // lineColor:'#FF3300', // alpha:0.8, // size:10 } }] } });
- 大小: 45.5 KB
分享到:
相关推荐
- 扇形结构图、饼状结构图、矩状结构图等用于展现地理事物的组成部分及其比例关系。 - 通过读图识别结构图的组成要素,分析各部分的比率和比例关系,归纳出地理事物的结构特征。 - 对结构特征进行综合分析评价,...
Step 3:输入“教师情况统计表”原始信息单击“教师统计表.xls”工作表的“数据表”工作表标签,按组合键粘贴。 5.10.2 创建教师情况统计表 Step 1:创建基础统计报表参照 5.9.2 的操作过成,只是在“布局“对话框...
而“设计图斑-面状.zip”这一文件名,明显指代了一个包含面状图斑数据的压缩文件包。 面状图斑在地理信息系统中扮演着重要角色。它们代表了地理空间中的二维平面单元,例如,一条河流、一片森林,或者是城市中的一...
我们需要创建数据库表,设计合适的字段来保存统计所需的数据,并编写SQL查询语句来获取这些数据。 其次,选择一个可靠的图表库是关键。Android平台上有许多优秀的图表库可供选择,例如MPAndroidChart。这是一个功能...
《统计套表模板》北邮考研概率论与数理统计中涉及的知识点主要集中在数据表示方式,特别是直方图和经验分布函数的概念及其应用。以下是这些概念的详细解释: 1. 经验分布函数(Empirical Distribution Function, ...
该方法基于ArcPy的地类及权属面积快速分析统计与出图方法是一种低门槛、高效率的地类统计和出图软件,极大简化工作流程、提高工作效率,大幅减少机械化的统计制图工作量,确保统计结果表、专题图的准确性和规范性,...
- **空间统计**:计算绿地面积、密度、连通性等指标,评估城市绿化的整体水平。 5. **数据处理与可视化**:GIS软件(如ArcGIS、QGIS)可以用来打开、编辑和可视化SHP文件。用户可以对绿地数据进行筛选、裁剪、合并...
iReport是一款广泛使用的报表设计工具,特别在Java应用程序中,能够与JasperReports库无缝集成。本文介绍如何在iReport中设计柱状图和交叉表两...通过本篇的介绍,读者可以快速掌握iReport中柱状图和交叉表的设计方法。
这篇文章探讨了子宫颈鳞状细胞癌组织中DNA甲基化转移酶(DNMT1)mRNA的表达水平与上皮钙粘附素(E-cadherin, 简称E-cad)基因启动子区域甲基化状态的相关性,以及这些生物标志物与子宫颈鳞状细胞癌发生发展之间的...
数据集可用于地质建模,通过统计分析和空间分布图来识别模式和趋势。遥感技术与GIS(地理信息系统)可以进一步整合这些数据,创建三维模型,模拟地貌变化。这些研究成果不仅对学术研究有价值,还可指导丹霞山的保护...
在PPT模板设计领域中,量杯状的柱状图PPT模板素材是非常重要的一种设计元素。下面我们将对量杯状的柱状图PPT模板素材进行详细的剖析,并总结出一些非常重要的知识点。 一、PPT模板设计的基本概念 在PPT模板设计中...
- **出勤人数**:统计参与生产的员工数量,反映人力资源的利用情况。 - **收成率**:即合格产品的比例,体现生产过程中的质量控制水平。 - **A级率和B级率**:分别代表产品等级中的优质品率和良品率,反映产品...
研究者们通过独立样本t检验、Pearson相关性分析、Kaplan-Meier生存分析和Log-rank检验等统计方法,对HIF-3α的mRNA表达水平、DNA甲基化水平以及这些指标与患者生存率之间的关系进行了量化分析。 研究结果表明,与...
在ECharts中,通过`series-type: 'line'`可以创建折线图,支持点的标记、区域填充、阶梯状线条等。结合时间轴x轴,可以有效地展示动态变化的数据。 4. **散点图(Scatter Plot)** 散点图用于展示两个变量之间的关系...
6. **合格与不合格**:统计每个环节的合格品和不合格品数量,用于分析生产质量。 7. **不合格原因**:记录导致产品不合格的具体原因,如裂纹、缺料、气孔或砂孔等,便于后期改进。 8. **工作时间**:记录每项工作所...
图书管理系统其实是一个很复杂的...8)还书处理:为借阅信息表设计UPDATE触发器,在该表的归还日期列被更改后,将图书信息表的是否可借列的值变为“可借”,读者信息表中已借数量减1及ISBN类别信息表中可借数量加1。
据统计,2022年全球市场规模达到了217亿元人民币,预计到2029年将达到416亿元人民币,年复合增长率(CAGR)约为5.1%。 #### 四、供应链结构与主要生产商 全球市场上主要的丙烯酸酯非球面人工晶状体生产商包括Alcon...
3. **汽油费**: 月报表会统计每辆车的汽油消耗量及费用,这是计算运营成本的关键部分。了解每辆车的油耗可以帮助管理者优化燃油使用,降低运营成本。 4. **保养修理**: 报表中会记录车辆在报告期间进行的保养和修理...