jQuery UI Widgets Forums Chart Can't see the label on the last element

This topic contains 7 replies, has 3 voices, and was last updated by  Peter Stoev 8 years ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • Can't see the label on the last element #86627

    yougotnet
    Participant

    In the chart image, I can’t see the label or the circle for Aug, the last item. What would cause that?

    Line Chart

    Can't see the label on the last element #86648

    Dimitar
    Participant

    Hello yougotnet,

    Could you, please, share a jsEditor example reproducing the reported issue so that we may take a look at your code and try to help?

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Can't see the label on the last element #86674

    yougotnet
    Participant
    Can't see the label on the last element #86686

    Dimitar
    Participant

    Hi yougotnet,

    Please set the categoryAxis valuesOnTicks property to false:

    categoryAxis: {
        dataField: 'mth',
        showGridLines: false,
        valuesOnTicks: false
    },

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Can't see the label on the last element #89453

    yougotnet
    Participant

    I am having the same problem again but instead of the right side, it is with the top.

    Here is jsEditor example: https://www.jseditor.io/?key=chartsample2

    Can't see the label on the last element #89465

    Dimitar
    Participant

    Hi yougotnet,

    There is, unfortunately, no general solution for this issue, but you can try setting the unitInterval property of your seriesGroups valueAxis:

    valueAxis: {
      title: {
        text: 'OE Completion % Active Accounts'
      },
      unitInterval: 1
    },

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Can't see the label on the last element #89536

    yougotnet
    Participant

    I’m having the same problem on another chart where the values are 0% to 100% and a couple of months are 100% and it is not showing the circle.

    When I look at the source, it shows that the circle isn’t even being generated.

    To say you have no solution to something as basic as this; why should anyone use the charts if they are not going to work properly?

    Can't see the label on the last element #89538

    Peter Stoev
    Keymaster

    Charts are highly configurable as visible from the API and you can define paddings and multiple styling properties and formattings in order to display all parts in your specific case. The Chart covers almost all Charting scenarios. It works Property when it is set up by the developer which uses it properly, but that requires some knowledge how to use the widget. We have the documentation and we have the samples. I suggest you looking before making posts such as your last one. You use our software for 4 years and we are happy about that fact. Hope you will continue doing that.

    For example your Chart’s configuration could be:

    $(document).ready(function ()
    {
        
        var data = [{"mth":"Jan","lastyear":0,"thisyear":0,"lastaccounts":0,"thisaccounts":0},{"mth":"Feb","lastyear":0,"thisyear":0,"lastaccounts":0,"thisaccounts":0},{"mth":"Mar","lastyear":0,"thisyear":0,"lastaccounts":0,"thisaccounts":0},{"mth":"Apr","lastyear":0,"thisyear":0,"lastaccounts":0,"thisaccounts":0},{"mth":"May","lastyear":0,"thisyear":0,"lastaccounts":0,"thisaccounts":0},{"mth":"Jun","lastyear":0,"thisyear":0,"lastaccounts":0,"thisaccounts":0},{"mth":"Jul","lastyear":0,"thisyear":286.1,"lastaccounts":0,"thisaccounts":173},{"mth":"Aug","lastyear":0,"thisyear":140.3,"lastaccounts":0,"thisaccounts":101}];
        
    
        
            var settingsAPExistingAccounts = {
                title: "AP From Existing Accounts YTD",
                description: "(in thousands)",
                enableAnimations: true,
                showLegend: true,
                enableCrosshairs: true,
                padding: {left: 10, top: 5, right: 50, bottom: 5},
                titlePadding: {left: 10, top: 0, right: 40, bottom: 20},
                source: data,
                categoryAxis: {
                    dataField: 'mth',
                       padding: { top: 0, bottom: 0 },
                            labels: { angle: 0 },
                            dataField: 'year',
                            displayText: 'Year',
                            valuesOnTicks: false,
                       
                    showGridLines: true
                },
                colorScheme: 'scheme05',
                seriesGroups: [
                    {
                        type: 'line',
                        valueAxis: {
                            title: {text: 'AP Existing Accounts'}
                        },
                        series: [
                            {
                                dataField: 'thisyear', displayText: '2016 AP', symbolType: 'circle',
                                labels: {
                                    visible: true,
                                    offset: {x: -40, y: 0}
                                },
                                formatFunction: function (value) {
                                    return '$' + value;
                                }
                            },
                            {dataField: 'lastyear', displayText: '2015 AP', symbolType: 'circle'}
                        ]
                    }
                ]
            };
    
        $('#APFromExistingAccounts').jqxChart(settingsAPExistingAccounts);
        
        
    });

    And now every element is visible. It is all a configuration or setting that needs to be set.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.