Extjs：使用不同颜色的线序列中的精灵的颜色部分

Question

我正在使用Extjs Charts，特别是系列来实现我的需求。

我需要根据特定属性的值为不同颜色的精灵的不同部分（对于单个系列）着色。

例如，我有2个服务，Service1和Service2在Y轴上表示，X轴是从0到12的数字轴。

我想将Service1 Green从0 -1（x轴）和红色从1-2（x轴）着色

我已经尝试使用渲染器的渲染器属性，但是当精灵渲染为整体时，它只调用一次，但我想为精灵的部分颜色。

是否可以使用extjs图表。如果是这样，我怎么能实现这一点。

 {
           type: 'line',
               xField: 'hour',
               yField: 'srvdata',
               showMarkers: false,
               style: {
                    stroke: 'green',
                    'stroke-width': 2,
                    fill: 'green',
                    //opacity: 0.2
                },
                /*renderer: function(sprite, record, attr, index, store) {
                    console.log(record);
                    return Ext.apply(sprite, {
                        fill: 'red',
                        stroke: 'red'
                    });
                }*/
      },

  

Answer 1

有一点可以肯定，你不能用这种方式改变线条颜色。

renderer: function(sprite, record, attr, index, store) 
{
    // By changing sprite.fill or stroke, you are just changing the color of your point
};

不确定如何改变线条的颜色，我也遇到了这个问题。但我知道surface : Ext.draw.Surface需要改变。就像尝试通过 sprites 函数添加chart.draw.Surface.add(sprite)一样。