Nov 22, 2014, 3:31 PM
Chart, different DashSize
Hello again,
I have two questions,
I can identify the size of the "Dash" as in the picture?
As I can reenplazar the code used in "CategoryAxis -> Label -> Renderer -> Handler" from the Code-Behind
thx
I have two questions,
I can identify the size of the "Dash" as in the picture?
As I can reenplazar the code used in "CategoryAxis -> Label -> Renderer -> Handler" from the Code-Behind
thx
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Panel ID="Panel1"
runat="server"
Title="Line Chart"
Width="800"
Height="600"
Layout="FitLayout">
<Items>
<ext:Chart
ID="Chart1"
runat="server"
StyleSpec="background:#fff;"
Shadow="true"
StandardTheme="Category1"
Animate="true">
<LegendConfig Position="Right" />
<Store>
<ext:Store ID="Store1"
runat="server"
AutoDataBind="true">
<Model>
<ext:Model ID="Model1" runat="server">
<Fields>
<ext:ModelField Name="Name" Type="Int" />
<ext:ModelField Name="Data1" Type="Float" />
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<Axes>
<ext:CategoryAxis Title="Time Line" Position="Bottom" Fields="Name" Grid="true" DashSize="3">
<LabelTitle Fill="Black" />
<Label>
<Renderer Handler="if (value == 0) {
value = 'Born';
this.font = 'bold 10px Helvetica, sans-serif';
this.dashSize = 10;
} else {
if (value % 12 == 0) {
value = value / 12;
if (value == 1) {
value = value + ' Year';
this.font = 'bold 10px Helvetica, sans-serif';
this.dashSize = 10;
} else {
value = value + ' Years';
this.font = 'bold 10px Helvetica, sans-serif';
this.dashSize = 10;
}
} else {
value = value % 12;
this.font = '10px Helvetica, sans-serif';
}
}
return value
" />
</Label>
</ext:CategoryAxis>
<ext:NumericAxis Title="Units" Fields="Data1" Position="Left" MinorTickSteps="4"
Grid="true">
</ext:NumericAxis>
</Axes>
<Series>
<ext:LineSeries ShowInLegend="false" XField="Name" YField="Data1" Axis="Left"
Smooth="2" ShowMarkers="false">
</ext:LineSeries>
</Series>
</ext:Chart>
</Items>
</ext:Panel>
</form>
Private Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
If Not Page.IsPostBack Then
Try
Me.Store1.Data = ChartValues()
Me.Chart1.GetStore.DataBind()
Catch ex As Exception
MsgBox("Can't load Web page" & vbCrLf & ex.Message)
End Try
End If
End Sub
Public Shared Function ChartValues() As List(Of ChartData)
Dim data As New List(Of ChartData)
data.Add(New ChartData() With {.Name = 0, .Data1 = 3.1})
data.Add(New ChartData() With {.Name = 1, .Data1 = 4.8})
data.Add(New ChartData() With {.Name = 2, .Data1 = 5.4})
data.Add(New ChartData() With {.Name = 3, .Data1 = 6.2})
data.Add(New ChartData() With {.Name = 4, .Data1 = 7.7})
data.Add(New ChartData() With {.Name = 5, .Data1 = 8.9})
data.Add(New ChartData() With {.Name = 6, .Data1 = 9.3})
data.Add(New ChartData() With {.Name = 7, .Data1 = 10.7})
data.Add(New ChartData() With {.Name = 8, .Data1 = 11.1})
data.Add(New ChartData() With {.Name = 9, .Data1 = 12.0})
data.Add(New ChartData() With {.Name = 10, .Data1 = 13.1})
data.Add(New ChartData() With {.Name = 11, .Data1 = 14.8})
data.Add(New ChartData() With {.Name = 12, .Data1 = 15.4})
data.Add(New ChartData() With {.Name = 13, .Data1 = 16.2})
data.Add(New ChartData() With {.Name = 14, .Data1 = 17.7})
data.Add(New ChartData() With {.Name = 15, .Data1 = 18.9})
data.Add(New ChartData() With {.Name = 16, .Data1 = 19.3})
data.Add(New ChartData() With {.Name = 17, .Data1 = 19.7})
data.Add(New ChartData() With {.Name = 18, .Data1 = 20.1})
data.Add(New ChartData() With {.Name = 19, .Data1 = 21.0})
data.Add(New ChartData() With {.Name = 20, .Data1 = 22.6})
data.Add(New ChartData() With {.Name = 21, .Data1 = 23.4})
data.Add(New ChartData() With {.Name = 22, .Data1 = 25.8})
data.Add(New ChartData() With {.Name = 23, .Data1 = 26.1})
data.Add(New ChartData() With {.Name = 24, .Data1 = 27.5})
Return data
End Function