ExtJS图表系列的渲染器函数

我正在使用ExtJS系列渲染器函数设置散点图的

fill

属性，而不是使用

markerConfig

属性。因为我想为每个点填充不同的颜色。工作正常

renderer : function(sprite, record, attr, index, store) {
   Ext.apply(attr, {
       fill : '#F00'
   }
}

但是我想设置

类型

属性，这样每个点都将以不同的类型显示，如圆形、十字、加号、菱形等。它不起作用。和散射点的半径，我无法在渲染器函数中设置属性

---

如何在渲染器函数中执行此操作？

要执行此操作，您可以使用以下类型（根据文档）：

• 圆圈-绘制圆圈。可以使用“半径”设置半径 sprite配置中的参数
• 矩形-渲染矩形。您可以设置屏幕的宽度和高度 使用精灵中的宽度和高度参数创建矩形 配置
• 文本-将文本渲染为精灵。您可以通过以下方式设置字体/字号： 使用字体参数
• 路径-最强大的精灵类型。有了它，你可以创建 使用SVG路径语法创建任意形状。你可以找到一个快捷的方法 关于如何开始使用路径语法的教程

例如，如果您需要plus，您可以：

renderer : function(sprite, record, attr, index, store) {
    var plus="M-1.1538461538461537,-1.1538461538461537l0,-2.3076923076923075,2.3076923076923075,0,0,2.3076923076923075,2.3076923076923075,0,0,2.3076923076923075,-2.3076923076923075,0,0,2.3076923076923075,-2.3076923076923075,0,0,-2.3076923076923075,-2.3076923076923075,0,0,-2.3076923076923075,z";
    return Ext.apply(attr, { fill: '#F00', type: 'path', path: plus });
}

---

文档链接：

为此，您可以使用以下类型（根据文档）：

• 圆圈-绘制圆圈。可以使用“半径”设置半径 sprite配置中的参数
• 矩形-渲染矩形。您可以设置屏幕的宽度和高度 使用精灵中的宽度和高度参数创建矩形 配置
• 文本-将文本渲染为精灵。您可以通过以下方式设置字体/字号： 使用字体参数
• 路径-最强大的精灵类型。有了它，你可以创建 使用SVG路径语法创建任意形状。你可以找到一个快捷的方法 关于如何开始使用路径语法的教程

例如，如果您需要plus，您可以：

renderer : function(sprite, record, attr, index, store) {
    var plus="M-1.1538461538461537,-1.1538461538461537l0,-2.3076923076923075,2.3076923076923075,0,0,2.3076923076923075,2.3076923076923075,0,0,2.3076923076923075,-2.3076923076923075,0,0,2.3076923076923075,-2.3076923076923075,0,0,-2.3076923076923075,-2.3076923076923075,0,0,-2.3076923076923075,z";
    return Ext.apply(attr, { fill: '#F00', type: 'path', path: plus });
}

文档链接：