[CLOSED] Unable to change charts line color

No matter what values are set in LineSeries No changes are taking effect
for ex.

Code:

---

<script runat="server">
    protected void ReloadData(object sender, DirectEventArgs e)
    {
        Store chartStore = this.Chart1.GetStore();
        chartStore.DataSource = GenerateData();
        chartStore.DataBind();

    }
 public List<object> GenerateData()
    {

        List<object> lst = new List<object> {
                new  {
                    Name = "January",
                    Count =10
                },
                new {
                    Name = "February",
                    Count =50
                },
                new {
                    Name = "March",
                    Count =40
                },
                new {

                    Name = "April",
                    Count =25
                }
        };


        return lst;

    }
</script>
<ext:Chart ID="Chart1" runat="server" InsetPadding="30">
                <Store>
                    <ext:Store ID="Store2" runat="server">
                        <Model>
                            <ext:Model ID="Model3" runat="server">
                                <Fields>
                                    <ext:ModelField Name="Name" />
                                    <ext:ModelField Name="Count" />
                                </Fields>
                            </ext:Model>
                        </Model>
                    </ext:Store>
                </Store>
                <Axes>
                    <ext:NumericAxis Minimum="0" Fields="Count" Grid="true">
                        <Label Font="10px Arial">
                          <Renderer Handler="return Ext.util.Format.number(value, '0');" />
                        </Label>
                    </ext:NumericAxis>
                    <ext:CategoryAxis Position="Bottom" Fields="Name">
                        <Label Font="11px Arial">
                            <Renderer Handler="return value.substr(0, 3) + ' 13';" />
                        </Label>
                    </ext:CategoryAxis>
                </Axes>
                <Series>
                    <ext:LineSeries Axis="Left" XField="Name" YField="Count">
                        <Listeners>
                            <ItemMouseUp Handler="Ext.net.Notification.show({title:'Item Selected', html:item.value[1] + ' visits on ' + Ext.Date.monthNames[item.value[0]]});" />
                        </Listeners>
                        <Tips ID="Tips2" runat="server" TrackMouse="true" Width="80" Height="40">
                            <Renderer Handler="this.setTitle(storeItem.get('Name') + '<br />' + storeItem.get('Count')); this.update(storeItem.get('Count'));"></Renderer>
                        </Tips>
                        <Style Fill="#38B8BF" Stroke="#38B8BF" StrokeWidth="30" />//does not work ||||
                        <MarkerConfig Type="Circle" Size="4" Radius="4" StrokeWidth="0" Fill="#38B8BF" Stroke="#38B8BF" />
                    </ext:LineSeries>
                </Series>
            </ext:Chart>

---

Hi,
I don't see where do you call ReloadData

Hi everybody,

I was able to reproduce it with Ext.NET v2.1.1 release, but not with the trunk.

I was hoping the following helps:

Code:

---

<Renderer Handler="attributes.fill = 'red'; return attributes;" />

---

But it colors markers only.

So, please update from the trunk or wait the next release (no official date yet).

Quote:

---

Originally Posted by Daniil

Hi everybody,

I was able to reproduce it with Ext.NET v2.1.1 release, but not with the trunk.

I was hoping the following helps:

Code:

---

<Renderer Handler="attributes.fill = 'red'; return attributes;" />

---

But it colors markers only.

So, please update from the trunk or wait the next release (no official date yet).

---

I was able to change the markers without any "Renderer" . If there is no solution then how the line color changing is possible here ??https://examples2.ext.net/#/Chart/Line/Mixed/

Quote:

---

Originally Posted by Vladimir

Hi,
I don't see where do you call ReloadData

---

Charts draws the points correctly.I made mistake in example code

Code:

---

protected void Page_Load(object sender, DirectEventArgs e)
    {
        Store chartStore = this.Chart1.GetStore();
        chartStore.DataSource = GenerateData();
        chartStore.DataBind();
 
    }

---

You can update from the trunk to get it working.
http://svn.ext.net/premium/trunk/

Please notice that the trunk currently uses ExtJS 4.2.0 beta 2.

Quote:

---

Originally Posted by Daniil

You can update from the trunk to get it working.
http://svn.ext.net/premium/trunk/

Please notice that the trunk currently uses ExtJS 4.2.0 beta 2.

---

Well I have found some workaround .The Line path tag has zindex attribute of 3000 I suspect this attribute defines the line so by selecting required tags we can change the color

Code:

---

function setLineSeriesColor(color, lineWidth) {
 var line = Ext.get('chart1').select('path[zIndex=3000]').elements[0]; //single series
 if (line){
    line.setAttribute('stroke', color);
    line.setAttribute('stroke-width', lineWidth);
  }
}

---

the last thing is to hook it on store "Load" event and chart "Resize" event

@zeus, thank you for your attention and sharing the workaround!