[4.1.1 GA] LineSeries label display option doesn't work well

**Daniil** · 16 Sep 2012 11:04 PM

REQUIRED INFORMATION

Ext version tested:

Ext 4.1.1 GA

Browser versions tested against:

Chrome
FireFox
IE9

Description:

The label "display" option doesn't work well with LineSeries. I didn't test with another type of series.
I can't see any difference between the "insideEnd", "insideStart", "middle", "outside" options. They all renders the labels behind the markers. However, I am not 100% sure what exactly effect they should produce because of the lack of the details in the Docs.
The "over" option renders the labels above the chart. But I would expected the labels to be rendered over the markers.
The "rotate" and "under"options doesn't render the labels well. Please look at the screenshots or run the sample to see.

Steps to reproduce the problem:

Please just run the sample.

The result that was expected:

A possibility to manage how the labels are displayed.

The result that occurs instead:

Please see the screenshots.

Test Case:

Code:

<html>
<head>
    <title>Chart series label display</title>

    <link type="text/css" rel="stylesheet" href="../resources/css/ext-all.css" />
    
    <script type="text/javascript" src="../ext-all.js"></script>

    <script type="text/javascript">
        var mainCt;

        var addChart = function (labelDisplay) {
            var p = Ext.create("Ext.panel.Panel", {
                title: labelDisplay,
                height: 400,
                width: 400,
                layout: "fit",
                items: [{
                    xtype: "chart",
                    axes: [{
                        position: "bottom",
                        title: "X",
                        fields: ["x"],
                        type: "Numeric"
                    }, {
                        position: "left",
                        title: "Y",
                        fields: ["y"],
                        type: "Numeric"
                    }],
                    series: [{
                        type: "line",
                        title: "Chart",
                        xField: "x",
                        yField: "y",
                        label: {
                            field: "y",
                            display: labelDisplay
                        }
                    }],
                    store: {
                        fields: [{
                            name: "x"
                        }, {
                            name: "y"
                        }],
                        autoLoad: true,
                        proxy: {
                            type: 'memory',
                            data: [{
                                "x": 0,
                                "y": 0
                            }, {
                                "x": 50,
                                "y": 50
                            }, {
                                "x": 100,
                                "y": 100
                            }]
                        }
                    }
                }]
            });
            mainCt.add(p);
        };
        Ext.onReady(function () {
            mainCt = Ext.create("Ext.container.Container", {
                renderTo: Ext.getBody(),
                layout: "column"
            });

            addChart("insideEnd");
            addChart("insideStart");
            addChart("middle");
            addChart("outside");
            addChart("over");
            addChart("rotate");
            addChart("under");
        });
    </script>
</head>
<body>

</body>
</html>

HELPFUL INFORMATION

Screenshots:

How it looks.

1.jpg 2.JPG

**mitchellsimoens** · 17 Sep 2012 5:00 AM

Thanks for the report! I have opened a bug in our bug tracker.

**Daniil** · 17 Sep 2012 8:37 AM

Hi Mitchell,

Thank you!

Again, I didn't get an email notification

Could you suggest something to try? I checked my settings, there is "Instantly, using email".

**msinn** · 21 Nov 2012 5:57 AM

Is there a workaround for this bug?

**Daniil** · 21 Nov 2012 6:00 AM

Unfortunately, I do not have any. I was unable to spend enough time to investigate this problem.

**Daniil** · 25 Apr 2013 10:32 PM

Here is a related report.
http://www.sencha.com/forum/showthread.php?188384

[4.1.1 GA] LineSeries label display option doesn't work well

Thread Tools

Search Thread

Display

[4.1.1 GA] LineSeries label display option doesn't work well

[4.1.1 GA] LineSeries label display option doesn't work well