Jan 16, 2013, 1:21 PM
[CLOSED] Unable to change charts line color
No matter what values are set in LineSeries No changes are taking effect
for ex.
for ex.
<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>
Last edited by Daniil; Jan 22, 2013 at 4:06 AM.
Reason: [CLOSED]