jQWidgets Forums

jQuery UI Widgets Forums Chart chart is not showong the date in horizontal direction

Tagged: 

This topic contains 1 reply, has 2 voices, and was last updated by  ivailo 10 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • shinaya
    Participant

    Hi

    Following is my json and the code I have used. the chart is not showing the date on a horizontal way..

    [{"0":{"Count":"40"},"Date":{"TimeStamp":"1418792051"}},{"0":{"Count":"69"},"Date":{"TimeStamp":"1418792052"}}]

    $(document).ready(function () {
    			var source =
                {
                    datatype: "json",
    				datafields: [
    							{name: 'FeedbackCount', type: 'date', map: '0>FeedbackCount'},
    							{name: 'TimeStamp', map:'EbaySellerFeedbackReceived>TimeStamp'}
    						],
                    url: "/users/countjson" 
                };
                var dataAdapter = new $.jqx.dataAdapter(source);
               
                // prepare jqxChart settings
                var settings = {
                    title: "Feedback Count Graph",
                    showLegend: true,
                    source: dataAdapter,
                  xAxis:
                    {
                        dataField: 'Value',
                        type: 'basic',
                        gridLines: { visible: true },
                        valuesOnTicks: false,
    					type: 'date',
     					//baseUnit: 'month',
    					valuesOnTicks: true,
    					minValue: '01-01-2014',
    					maxValue: '01-01-2015',
                    },
    					
                    colorScheme: 'scheme04',
                    seriesGroups:[{
                        type: 'line',
                        valueAxis:{
                            displayValueAxis: true,
                            axisSize: 'auto',
                            tickMarksColor: '#888888',
    						title: { text: 'Feedback Count<br>' },
    						unitInterval :5,
    						minValue :0,
    						maxValue :50,
                        },
                        series: [{ dataField: 'FeedbackCount', displayText: 'FeedbackCount' }],
                    }]
                };
                // setup the chart
                $('#chartContainer').jqxChart(settings);
    });

    ivailo
    Participant

    Hi shinaya,

    With your settings, the date in xAxis now is displayed horizontal.
    Try to update to the latest version – 3.8.0.

    If the behavior remains – send a fiddle that visuzlizes the behavior and give us info about the used device, OS , browser.

    Best Regards,
    Ivailo Ivanov

    jQWidgets Team
    http://www.jqwidgets.com

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

You must be logged in to reply to this topic.