多柱图效果

最新推荐文章于 2025-09-06 09:26:50 发布

weixin_34404393

最新推荐文章于 2025-09-06 09:26:50 发布

阅读量107

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/crazybird/blog/740858

2019独角兽企业重金招聘Python工程师标准>>>

{
    	   xtype: 'chart',
    	   style: 'background:#fff',
           animate: true,
           shadow: true,
           store: Ext.create('Ext.data.JsonStore', {
        	   fields : ['name', 'data1', 'data2'],
        	   data : [
        	      {name : '税务局1', 'data1' : 50, name2 : '税务局1', 'data2' : 70 },        
        	      {name : '税务局2', 'data1' : 90, name2 : '税务局1','data2' : 80 },
        	      {name : '税务局3', 'data1' : 60, name2 : '税务局1','data2' : 40 },
        	      {name : '税务局4', 'data1' : 40, name2 : '税务局1','data2' : 90 },
        	      {name : '税务局5', 'data1' : 80, name2 : '税务局1','data2' : 30 },
        	      {name : '税务局6', 'data1' : 70, name2 : '税务局1','data2' : 60 },
        	      {name : '税务局7', 'data1' : 30, name2 : '税务局1','data2' : 80 },
        	      {name : '税务局8', 'data1' : 30, name2 : '税务局1','data2' : 80 },
        	      {name : '税务局9', 'data1' : 30, name2 : '税务局1','data2' : 80 },
        	      {name : '税务局10', 'data1' : 30, name2 : '税务局1','data2' : 80 },
        	      {name : '税务局11', 'data1' : 30, name2 : '税务局1','data2' : 80 },
        	      {name : '税务局12', 'data1' : 30, name2 : '税务局1','data2' : 80 }
        	   ]
           }),
           axes: [{
               type: 'Numeric',
               position: 'left',
               fields: ['data1', 'data2'],
               label: {
                   renderer: Ext.util.Format.numberRenderer('0,0')
               },
               title: '项目数量',
               grid: true,
               minimum: 0
           }, {
               type: 'Category',
               position: 'bottom',
               fields: ['name'],
               title: '企业名称',
               label : {
                   rotate: {degrees: 90}
               }
           }],
           series: [{
               type: 'column',
               axis: 'left',
               highlight: true,
               tips: {
                 trackMouse: true,
                 width: 140,
                 height: 28,
                 renderer: function(storeItem, item) {
	               if(item.yField == 'data1') {
	            	   this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data1') + ' $');
	               } else if(item.yField == 'data2') {
	            	   this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data2') + ' $');
	               }
                 }
               },
               label: {
                 display: 'insideEnd',
                 'text-anchor': 'middle',
	             field: ['data1','data2'],
	             renderer: Ext.util.Format.numberRenderer('0'),
	             orientation: 'vertical',
	             color: '#333'
               },
               xField: 'name',
               yField: ['data1','data2'],
               style: {
                   opacity: 0.93
               }
           }],
       }

转载于:https://my.oschina.net/crazybird/blog/740858