ExtJs纵坐标值重复问题的解决方法_extjs

写在前面,版本库:Ext JS Library 3.3.1

做图表的时候纵坐标很多值都是一样的,无意中发现下面的解决方法,自己测试是可以了,写出来以备后查,以便他人查看。其他版本没测试过。有兴趣的朋友可以自己测试。

复制代码 代码如下:

var chartStore;//图表数据
Ext.onReady(function(){

//使用当前服务器的文件,如果没有这句话,默认会去adobe的站点取
Ext.chart.Chart.CHART_URL = 'extjs/resources/charts.swf';

var json_reader = new Ext.data.JsonReader( {
idProperty : "pointName",
root : 'rows',
totalProperty : "results",
fields : [ {
name : 'pointName'
}, {
name : 'faultCount',
type : "int"
}]
});

//从后台取数据
chartStore = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : 'loadColumnChart.do',
method : 'POST'
}),
reader : json_reader
});
chartStore.reload();

//柱状图面板
var columnchartPanel = new Ext.Panel({
border :false,
autoScroll : true,
//title : '设备测点故障记录统计图',
frame : true,
renderTo : document.body,
width: 800,
height: 240,
layout : 'fit',
items : {
xtype : 'columnchart', // 类型
store : chartStore,
xField : 'pointName', // X轴取值
yField : 'faultCount', // Y轴取值
yAxis : new Ext.chart.NumericAxis({
displayName : 'faultCount'
//labelRenderer : Ext.util.Format.numberRenderer('0,0')//关键问题是这句,我把这句注释了就正常了
}),
tipRenderer : function(chart, record) {
return record.data.pointName + '的故障次数为:' +
Ext.util.Format.number(record.data.faultCount, '0,0');
},
series : [ {//列
type : 'column', //类型可以改变(线)line
displayName : 'faultCount',
yField : 'faultCount',
style : {
color : 0x99BBE8
}
}]
}
});

//柱状图面板
var leftPanel = new Ext.Panel({
title: '柱状图',
region:'west',
margins: '5 0 0 0',
cmargins: '5 5 0 0',
width: 850,
minSize: 700,
maxSize: 850,
autoScroll:true,//设为true则内容溢出的时候产生滚动条,默认为false
collapsible: true,//允许收缩
items: columnchartPanel
});

});

1.解决前:
 
2.解决后:
 

时间: 2024-09-21 01:46:54

ExtJs纵坐标值重复问题的解决方法_extjs的相关文章

ASP.NET从客户端中检测到有潜在危险的request.form值的3种解决方法

 这篇文章主要介绍了ASP.NET从客户端中检测到有潜在危险的request.form值的3种解决方法,这是ASP.NET开发中一个比较常见的经典的问题,需要的朋友可以参考下     当页面编辑或运行提交时,出现"从客户端中检测到有潜在危险的request.form值"问题,该怎么办呢?如下图所示: 下面博主汇总出现这种错误的几种解决方法: 问题原因:由于在asp.net中,Request提交时出现有html代码或javascript等字符串时,程序系统会认为其具有潜在危险的值.环境配

jquery live()重复绑定的解决方法介绍

 本篇文章主要是对jquery中live()重复绑定的解决方法进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 Query中.live()方法的使用方法    今天在写代码的时候遇到一个问题,直接上代码看: $(function(){            $(".file").live("click",function(){                     var task_name=$(this).text();            

PHP调用存储过程返回值不一致问题的解决方法分析_php技巧

本文实例讲述了PHP调用存储过程返回值不一致问题的解决方法.分享给大家供大家参考,具体如下: 今天遇一个同学聊存储过程返回值经常得到意外的值为null, 因为白天有事,晚上给做一个实验放在这里供有相应问题的同学查看一下. 存储过程: delimiter// createprocedureusp_s2(outpar1int) begin selectinet_ntoa(ip),portfromproxy_listlimit5; selectcount(*)intopar1fromproxy_lis

JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法_javascript技巧

本文实例讲述了JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法.分享给大家供大家参考,具体如下: 主页面: <script type="text/javascript"> function SelectGroupCust() { var temp = window.showModalDialog("Default2.aspx?xx=" + Date(), "", "dialog

防止刷新重复刷新提交解决方法

防止刷新重复刷新提交解决方法 方法一:检测数据表,看是否有相同的数据.这种方法对插入数据可能意义更大些,不过如何定义是相同的数据,是个麻烦的事.同时,如果不是插入数据,是删除呢,就不适用了. 方法二:提交后,转向一个过渡页面,然后再从过渡页面返回到当前的页面.这就要求在提交后,要把当前页面的url地址作为参数传过去,同时不能保存缓存,否则"后退"带来不良后果.不过,如果是简单的删除,似乎转来转去太麻烦了. 方法三:用网页特效捕捉f5事件.比如有如下代码:   window.docume

jquery ajax jsp 返回值乱码二向解决方法

jquery ajax 网页特效p/jsp.html target=_blank >jsp教程 返回值乱码二向解决方法在以前开发ajax时经常会碰到乱码,今天我们用jquery ajax+jsp时,又出来乱码了,经常测试找到了二种处理jquery ajax乱码问题,下面看看. <script> $().ready(function(){ var url="/www.111cn.net/ajaxgetnewsclassfather.do"; var pars="

mysql 双向同步的键值冲突问题的解决方法分享_Mysql

出现的问题(多主自增长ID重复) 1:首先我们通过A,B的test表结构 2:掉A,在B上对数据表test(存在自增长ID)执行插入操作,返回插入ID为1 3:后停掉B,在A上对数据表test(存在自增长ID)执行插入操作,返回的插入ID也是1 4:然后 我们同时启动A,B,就会出现主键ID重复 解决方法: 我们只要保证两台服务器上插入的自增长数据不同就可以了 如:A查奇数ID,B插偶数ID,当然如果服务器多的话,你可以定义算法,只要不同就可以了 在这里我们在A,B上加入参数,以实现奇偶插入 A

asp.net防止刷新重复提交数据解决方法的分析

在Asp.net开发中,浏览器刷新重复触发事件,导致重复提交的问题,下面有几种解决方法,我针对适用情况和利弊做一个简单的分析. 方法一:检测数据表,看是否有相同的数据.这种方法对插入数据可能意义更大些,不过如何定义是相同的数据,是个麻烦的事.同时,如果不是插入数据,是删除呢,就不适用了. 方法二:提交后,转向一个过渡页面,然后再从过渡页面返回到当前的页面.这就要求在提交后,要把当前页面的URL地址作为参数传过去,同时不能保存缓存,否则"后退"带来不良后果.不过,如果是简单的删除,似乎转

Excel2007八大常见错误值的含义和解决方法

  在使用Excel2007软件的时候,通常要在软件的表格中输入相当多的数值,而繁杂的数据难免会出现错,而系统也会用特殊的错误值来进行提醒.下面我们就来看那看各个错误值都代表什么样的含义吧. Excel2007 1.####错误 此错误表示列不够宽,或者使用了负日期或时间. 当列宽不足以显示内容时,可以通过以下几种办法纠正: (1)调整列宽,或直接双击列标题右侧的边界. (2)缩小内容以适应列宽. (3)更改单元格的数字格式,使数字适合现有单元格宽度.例如,可以减少小数点后的小数位数. 当日期和