How to set the border color of a CircleItemRenderer

Question

I have a linechart and dots showing the places where a datatip pops up. I can change the line to any color I want and I can set the inside color of the dot. But the border color still stays orange (from the default color). Someone knows how I can set this property easy?

this is the code:

<mx:LineSeries id="dayEnergieLineSeries" 
     yField="number"
     showDataEffect="{slideIn}" hideDataEffect="{slideOut}">
     <mx:lineStroke>
      <mx:Stroke color="#d3ce01" />
     </mx:lineStroke>
     <mx:itemRenderer>

                        <mx:Component>
                         <mx:CircleItemRenderer />
                        </mx:Component>
              </mx:itemRenderer>
    </mx:LineSeries>

Answer 1

From the docs:

It renders its area on screen using the fill and stroke styles of its associated series.

So you'll have to assign a stroke to the dayEnergieLineSeries series.

[Bindable] private var _stroke:Stroke = new Stroke(...);

<mx:LineSeries id="dayEnergieLineSeries" stroke="{_stroke}"/>

or if you don't need the data binding, just set it as a style.

PS: There is a good chart explorer available here: http://demo.quietlyscheming.com/ChartSampler/app.html

Answer 2

Assigning color for stroke does not change the color for CircleItemRenderer. Anyone has a solution?