Can't see the label on the last element

[yougotnetParticipant]

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

[DimitarParticipant]

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/

[yougotnetParticipant]

Here you go: https://www.jseditor.io/?key=chart-example-1

[DimitarParticipant]

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/

[yougotnetParticipant]

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

[DimitarParticipant]

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/

[yougotnetParticipant]

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?

[Peter StoevKeymaster]

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.

[Author]

Posts