[OPEN] [#150] Line chart does not display labels correctly

  1. #1

    [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.

    <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>
    Last edited by Daniil; Feb 18, 2013 at 5:21 AM. Reason: [OPEN] [#150]
  2. #2
    Hi,

    It is known bug
    http://www.sencha.com/forum/showthre...rk-as-intended

    Unfortunately, Sencha did not fix it still
    Vladimir Shcheglov
    Sr. Developer
  3. #3
    At this moment, I can suggest to review the following experimental plugin (shows values for current mouse position over line series)
    http://svn.ext.net/premium/trunk/Ext...r/Default.aspx
    Vladimir Shcheglov
    Sr. Developer
  4. #4
    Created an Issue to monitor.
    https://github.com/extnet/Ext.NET/issues/150

Similar Threads

  1. [CLOSED] [#13] labels LineSeries aren't shown into the chart
    By tactime10 in forum 2.x Legacy Premium Help
    Replies: 19
    Last Post: May 30, 2013, 4:58 AM
  2. [CLOSED] Line chart with 500 points and more
    By interlev in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Jan 21, 2013, 2:58 PM
  3. Multi Line Chart Functionality
    By rdustin in forum 2.x Help
    Replies: 0
    Last Post: Nov 28, 2012, 6:11 PM
  4. [CLOSED] Chart Line
    By pdcase in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: Aug 14, 2012, 3:25 PM
  5. How to change a line style on the chart?
    By Natalie in forum 2.x Help
    Replies: 3
    Last Post: May 16, 2012, 11:15 AM

Posting Permissions