[OPEN] [#150] Line chart does not display labels correctly
I want to show display labels over each datapoint in a line chart. No matter what Display I choose, the label are right on top of the datapoint instead of above or below it, making it hard to read the labels.
Code:
<script runat="server">
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Me.ResourceManager1.RegisterIcon(Ext.Net.Icon.Disk)
If Not IsPostBack Then
Dim data As New List(Of Object)
data.Add(New With {.XField = "Jan", .Value = 0.75})
data.Add(New With {.XField = "Feb", .Value = 0.8})
data.Add(New With {.XField = "Mar", .Value = 0.85})
data.Add(New With {.XField = "Apr", .Value = 0.9})
data.Add(New With {.XField = "May", .Value = 0.8})
data.Add(New With {.XField = "Jun", .Value = 0.75})
data.Add(New With {.XField = "Jul", .Value = 0.85})
Me.store.DataSource = data
Me.store.DataBind()
End If
End Sub
</script>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
</head>
<body>
<script type="text/javascript">
</script>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Debug" Theme="Gray"
DisableViewState="true" />
<ext:Panel runat="server" Title="Chart" Width="400" Height="400" Layout="FitLayout">
<Items>
<ext:Chart runat="server">
<Axes>
<ext:NumericAxis Position="Left" Fields="Value">
<Label>
<Renderer Handler="return Ext.util.Format.number(value * 100, '0') + '%' ;">
</Renderer>
</Label>
</ext:NumericAxis>
<ext:CategoryAxis Position="Bottom" Fields="XField">
</ext:CategoryAxis>
</Axes>
<Series>
<ext:LineSeries XField="XField" YField="Value">
<Label Display="Under" Field="Value" >
</Label>
</ext:LineSeries>
</Series>
<Store>
<ext:Store runat="server" ID="store">
<Model>
<ext:Model runat="server">
<Fields>
<ext:ModelField Name="XField">
</ext:ModelField>
<ext:ModelField Name="Value">
</ext:ModelField>
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
</ext:Chart>
</Items>
</ext:Panel>
</form>
</body>
</html>
