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中的COde：

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

是否有人在ST2.2.0中成功使用过“渲染器”？

Answer 1

我为你的问题找到了解决方案。你可以试试以下吗？

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