ExtJS - 堆积条形图

Question

如何偏移任何给定条形图的堆积条形图中的项目？

Bar 1: 4 items (150,290,200,50)
Bar 2: only 2 items (--, --, 240,45)

我想在给定的偏移处开始值为240的项而不是从0开始（例如：我想从600开始并从那里显示240）。从0到600，它将是空白/空白区域。

如果有任何帮助，我可以发布我的示例代码。

谢谢。

Answer 1

没有直接的设置来执行此操作。您必须覆盖渲染器并提供自定义样式以实现偏移效果。 Ext.chart.series.Series确实有renderer方法。

该方法有五个参数：

1. sprite - 包含所有精灵信息的类。
2. record - 正在呈现的当前记录。
3. attributes - 绘图使用的属性。
4. index - 正在处理的记录的索引。
5. 商店 - 用于图表的商店。

您需要检查您的记录是否包含空值。如果是这样，您需要使用适当的值修改属性对象并将其返回。您可以从源代码中查看default renderer method。

renderer: function(sprite,record,attributes,index,store) {
    //Modify the attributes object according to your needs 
    return attributes;
},

但是我无法想出一个正确的逻辑来修改存储在属性类中的绘图值。

Answer 2

渲染器函数的记录参数告诉您正在渲染哪条记录。