Extjs 4.2.1 堆积条形图 最小值和最大值因存储而异
Extjs 4.2.1 Stacked bar chart Minimum and maximium values changes based on store
嗨,我正在开发一个 extjs 4.2.1 应用程序,我正在使用条形图(堆叠)。在 x 轴上,我希望范围从 -100(最小值)到最大值 (100),相差为 20(主要刻度步数=10)。
下面是代码
var store = Ext.create('Ext.data.JsonStore', {
fields: ['name', 'cost','sell'],
data: [
{'name': "2013", 'cost': -36.483395098129556, 'sell': 25.516604901870444},
{'name': "2013", 'cost': -27.483395098129556, 'sell': 8.516604901870444},
{'name': "2013", 'cost': -35.483395098129556, 'sell': 19.516604901870444},
{'name': "2013", 'cost': -25.483395098129556, 'sell': 33.516604901870444}
]
});
Ext.create('Ext.chart.Chart', {
renderTo: Ext.getBody(),
id:'chart',
width: 580,
height: 165,
animate: true,
store: store,
axes: [{
type: 'Numeric',
position: 'bottom',
fields: ['cost','sell'],
grid: true,
minimum: -100,
maximum:100
}, {
type: 'Category',
position: 'left',
fields: ['name']
}],
series: [{
type: 'bar',
axis: 'bottom',
stacked: true,
xField: 'name',
yField: ['cost','sell']
}]
});
- 如果堆叠 = true,则 x 轴最小值和最大值将根据存储更改
- 如果堆叠 = false,则 x 轴最小值和最大值保持不变,但不堆叠。
我需要具有我指定的最小值和最大值的堆叠条形图。我该如何进行.任何帮助将不胜感激。
这是 ExtJS 中的已知问题 (EXTJSIV-7844)。 解决方案是覆盖轴的processView
功能。
原始代码如下所示(请参阅文档):
processView: function() {
var me = this,
chart = me.chart,
series = chart.series.items,
i, l;
for (i = 0, l = series.length; i < l; i++) {
if (series[i].stacked) {
// Do not constrain stacked charts (bar, column, or area).
delete me.minimum;
delete me.maximum;
me.constrain = false;
break;
}
}
if (me.constrain) {
me.doConstrain();
}
}
如您所见,有适当的代码可以故意阻止您执行要执行的操作。 我不确定为什么代码在那里,但一个简单的解决方法是覆盖 processView
函数,使其不这样做。
processView: function() {
var me = this;
if (me.constrain) {
me.doConstrain();
}
}
有关工作示例,请参阅此小提琴。
相关文章:
- 在Javascript数组中查找绝对最大值
- Html5输入属性的默认值,如最小值、最大值、大小等
- 按最大值获取数组索引
- 识别滑块范围的最小值和最大值
- 如何在最大值之前的某个点停止范围滑块
- 访问Highcharts系列的最小/最大值:afterSetExtremes不会激发
- 如何在拖动后获得图表的最小值和最大值放大高图表
- AngularJs:在数字输入字段中设置验证的条件最小值和最大值
- HTML5范围滑块最小值和最大值
- 如何仅在存在最小值和最大值时才显示错误消息
- 在 JavaScript 事件中添加最小值和最大值
- 从 JavaScript 中的数组中获取最大值和最小值
- 获取整数对象属性名称的最小值和最大值
- 高图表 - 在缩放重置中设置最大值和最小值
- Java 脚本 设置日期的最小值和最大值属性
- 使用javascript动态更改select中的最大值
- 关于确定数组中存储的最大值的不同方法的一些问题(加上输出消息问题)
- Extjs 4.2.1 堆积条形图 最小值和最大值因存储而异
- 使用localStorage存储jQuery范围滑块的最大值和最小值
- 如何将用户提示(输入)存储到数组中并检索它's的最大值和最小值