bmfs.net
当前位置:首页 >> 怎么用ExtJs 的ChArt做出这样的奖金池变化图: >>

怎么用ExtJs 的ChArt做出这样的奖金池变化图:

这是标准的堆叠图 给你来个例子研究一下 Ext.define('ChartsKitchenSink.view.charts.column.Stacked', { extend: 'Ext.Panel', xtype: 'stacked-column', initComponent: function() { var me = this; this.myDataStore = Ext.create('Ext.data...

用ext.chart.Chart类,type 用line,多添加几个series对象就是多条折线。动态的话,需要写个数组,循环中改变数组中的内容,然后chart的store用load方法载入该数组,同时动态改变横轴axes对象的toDate和fromDate,请看看官方例子:Live Updated ...

我也要这样的效不美观,请问楼主是怎么实现的?

加样式 例子 series: [ { type: 'column', axis: 'left', highlight: true, style: { width: 10 },//这里是宽度 tips: { trackMouse: true, width: 140, height: 28, renderer: function (storeItem, item) { this.setTitle(storeItem.get('name...

ExtJs chart 使用的是svg 和 vml画图,自然可以保存为图片,需要把chart的svg源码传到后台转换svg为图片

加样式 例子 series: [ { type: 'column', axis: 'left', highlight: true, style: { width: 10 },//这里是宽度 tips: { trackMouse: true, width: 140, height: 28, renderer: function (storeItem, item) { this.setTitle(storeItem.get('name...

官方有例子: http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/charts/Column.html 源码: http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/charts/Column.js

Ext.define('Packt.view.sale.statistics.ContractStatisticsChart',{ extend:'Ext.chart.Chart', alias:'widget.contractchart', id:'contractchart', style: 'background:#fff', store:'sale.statistics.ContractStatistics', animate: true, ...

{ xtype: 'polar', store: store, colors: Mocoolka.util.ColorPatterns.getBaseColors(),//取颜色列表 interactions: ['rotate', 'itemhighlight'], legend: { docked: 'bottom', verticalWidth: 100 }, //这里定义颜色类 Ext.define('Mocoolka...

可以指定报表宽度,然后指定数量,不足的用0补充,这样就可以固定宽度。plotOptions: { column: { pointPadding: 0.2, borderWidth: 0, pointWidth: 30 }}

网站首页 | 网站地图
All rights reserved Powered by www.bmfs.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com