ST2.1 vs ST2.2 图表精灵样式渲染器

Question

在 ST2.1 中，我有一个带有渲染器函数的散点图，它根据商店中的值更改所有精灵旋转和颜色。它运作良好。 我升级到 ST2.2.0，现在我无法重建相同的功能。

ST2.1 的代码 - 工作正常。

series: [
                    {
                        type: 'scatter',
                        xField: 'local_date_time',
                        yField: 'wind_spd_kt',
                        marker: { ...
                            },
                        style: {
                               renderer: function (target, sprite, index, storeItem) {
                                        var sweather = Ext.getStore('Sun');
                                        if (index < sweather.getCount() ){
                                            target.rotationRads = storeItem.data.sun_dir;
                                            if  (storeItem.data.sun_spd_kt < 10) { 
                                                 target.fill = '#ff0000'; //red
                                                 //console.log ( index + ' : <10  :' + storeItem.data.sun_spd_kt )
                                             }
                                            else { target.fill = '#00EE00'; } //green
                                        }
                                    }
                        },

我尝试过的 ST2.2.0 中的代码：

style: {
                            renderer: function (sprite, config, rendererData, index) {
                                        sprite.rotationRads = rendererData.store.data.all[index].raw.sun_dir
                                        sprite.attr.fillStyle = '#ff0000'
                                        }
                                    }

有人在ST2.2.0中成功使用过“renderer”吗？

Answer 1

我为您的问题制定了解决方案。你可以试试以下吗？

renderer: function (sprite, config, rendererData, index) {
    if (index % 2 == 0) {
        return { strokeStyle: 'red' };
    }
}