jQWidgets Forums
jQuery UI Widgets › Forums › Chart › chart is not showong the date in horizontal direction
Tagged: jqxChart
This topic contains 1 reply, has 2 voices, and was last updated by ivailo 10 years ago.
-
Author
-
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); });
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 IvanovjQWidgets Team
http://www.jqwidgets.com -
AuthorPosts
You must be logged in to reply to this topic.