2

我正在使用 ExtJS 系列渲染器函数来设置fill散点图的属性，而不是使用markerConfig属性。因为我想为每个点填充不同的颜色。它工作正常。

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

但我想设置type属性，使每个点都显示为不同的类型，如圆形、十字形、加号、菱形等。它不工作。和散点的半径，我无法在渲染器函数中设置属性。

如何在渲染器功能中做到这一点？

4

1 回答 1

0

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

  • circle - 绘制圆圈。您可以使用精灵配置中的半径参数来设置半径。
  • rect - 渲染矩形。您可以使用精灵配置中的宽度和高度参数来设置矩形的宽度和高度。
  • text - 将文本渲染为精灵。您可以使用字体参数设置字体/字体大小。
  • path - 最强大的精灵类型。有了它，您可以使用 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 });
}

文档链接：http ://www.sencha.com/learn/drawing-and-charting/

于 2013-03-12T02:04:40.730 回答