ExtJS - 堆叠条形图

Question

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

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

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

如果需要，我可以发布我的示例代码。

谢谢。

- M99

Answer 1

没有直接的设置来完成这个功能。您需要覆盖渲染器并提供自定义样式来实现偏移效果。 Ext.chart.series.Series确实具有renderer方法。

该方法需要五个参数：

1. sprite - 包含所有精灵信息的类。
2. record - 正在渲染的当前记录。
3. attributes - 用于绘制的属性。
4. index - 正在处理的记录的索引。
5. store - 用于图表的存储。

您需要检查记录是否包含空值。如果是，则需要使用适当的值修改属性对象并将其返回。您可以从源代码中查看默认渲染器方法。

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

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

- Abdel Raoof Olakara

---

这是非常好的信息。如果我想添加一个条件来检查哪个项目正在渲染，我该怎么做？如果我能找出哪个项目正在渲染，我可以在我的数据中添加一个偏移量，然后将颜色设置为白色以隐藏它。 - M99

Answer 2

渲染器函数的record参数告诉您正在呈现哪个记录。

- Francis Ducharme