javascript - 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 - 一个包含所有 Sprite 信息的类。
2. record - 当前正在呈现的记录。
3. attributes - 绘图使用的属性。
4. index - 正在处理的记录的索引。
5. store - 用于图表的商店。

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

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

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