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

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

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

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

Answer 2

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