解决ExtJs纵坐标值重复的问题
来源:互联网 发布:linux log4cpp 编辑:程序博客网 时间:2024/05/12 20:13
写在前面,版本库: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.解决后:
0 0
- 解决ExtJs纵坐标值重复的问题
- Extjs 解决Combobox重复提交baseParams的问题
- extjs遇到的问题和解决方式
- 解决 ExtJS TreePanel 的 iconCls 设置问题
- extjs遇到的问题以及解决方式
- 解决ExtJS TreePanel 的 iconCls设置问题
- extjs中关于数据库id不能重复的问题
- extjs tabpanel 添加header不能重复加载tabpanel 的问题
- 解决FireFox浏览器刷新表单值重复的问题
- 使用cookie解决重复投票的问题
- 用javascript解决重复提交的问题
- 页面重复提交问题的解决
- 解决了数据库的重复问题
- 解决缓存能重复插入的问题
- 解决Struts重复提交的问题.
- 项目名重复增加问题的解决
- 解决Toast重复显示的问题
- 解决p6spy重复输出日志的问题
- android中查看Activity的栈的的内容
- java单例模式
- Android特效 五种Toast详解
- javafx dragable node
- Linux触摸板自然滚动
- 解决ExtJs纵坐标值重复的问题
- BitmapFactory.decodeResource的参数
- 题目1510:替换空格
- 向客户端注册脚本的方法
- 常用
- org.hibernate.HibernateException No Session found for current thread
- D5
- Android中Activity启动模式详解
- 用git下载单个分支