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

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

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

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

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

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

官方有例子: 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

给你个例子,自己研究一下吧 { xtype: 'polar', store: store, colors: Mocoolka.util.ColorPatterns.getBaseColors(),//取颜色列表 interactions: ['rotate', 'itemhighlight'], legend: { docked: 'bottom', verticalWidth: 100 }, //这里定义...

设置样式就行了,给你个例子 var store = Ext.create('Ext.data.JsonStore', { fields: ['name', 'data'], data: [ { 'name': 'metric one', 'data': 10 }, { 'name': 'metric two', 'data': 7 }, { 'name': 'metric three', 'data': 5 }, { 'na...

重写下面这个方法: Ext.chart.LegendItem.prototype.getLabelText = function() { var me = this, series = me.series, idx = me.yFieldIndex; function getSeriesProp(name) { var val = series[name]; return (Ext.isArray(val) ? val[idx] : ...

你得看下你的SetTitle函数往ToolTip塞的是text还是html。 如果是text的话,你可以在storeItem.get('NAME')+ ":" + storeItem.get('COST')+"元"中间需要换行的地方加个"\r\n",如果是html的话就好办的的多了,直接加一个""即可。 另外,你使用的e...

直接在series里面加一个title属性用来要定义的名称

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