Welcome Guest Search | Active Topics |

x axis data points
Kalyani
#1 Posted : Tuesday, May 14, 2013 8:32:55 AM(UTC)
Rank: Newbie

Groups: Registered
Joined: 5/14/2013(UTC)
Posts: 4

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
Hi !
I am facing a very wierd issue. I am trying to plot a line chart. It works fine if the data is less than 20. but for data more than 300 , in xaxis it tries to show all the data (1,2,3... till 300). so there is always a large no of text below x axis . how to avoid this. do I need to add any option ? Please let me know. this is very important.


Dragan
#2 Posted : Wednesday, May 15, 2013 5:10:31 AM(UTC)
Rank: Advanced Member

Groups: Administrators, DataVizJavaScript, jQueryChart, jQueryDV, MvcChart, Registered
Joined: 1/3/2011(UTC)
Posts: 483

Thanks: 0 times
Was thanked: 87 time(s) in 87 post(s)
Can you put here your jqChart configuration code, so we can look at it?
Best Regards,
Dragan Matek
jqChart Inc.
Kalyani
#3 Posted : Wednesday, May 15, 2013 10:36:09 PM(UTC)
Rank: Newbie

Groups: Registered
Joined: 5/14/2013(UTC)
Posts: 4

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
Hi !
I am using jqChartJQueryPlugin_3_6_2_0 .
I am using the below files

<link rel="stylesheet" type="text/css" href="./linechartlibs/css/jquery.jqChart.css" />
<link rel="stylesheet" type="text/css" href="./linechartlibs/css/jquery.jqRangeSlider.css" />
<link rel="stylesheet" type="text/css" href="./linechartlibs/themes/smoothness/jquery-ui-1.8.21.css" />
<script src="./linechartlibs/js/jquery.jqChart.min.js" type="text/javascript"></script>
<script src="./linechartlibs/js/jquery.jqRangeSlider.min.js" type="text/javascript"></script>
<script type="text/javascript" src="./linechartlibs/js/excanvas.js"></script>

and my code is

function drawChart(responseText){
var series=[];
for (var i=0;i<responseText.seriesAry.length;i++){
series.push(
{type : responseText.seriesAry[i].type,
title : responseText.seriesAry[i].title,
data : responseText.seriesAry[i].seriesDataAry,
markers: null });
}
$('#jqChart').jqChart({
title: { text: responseText.title},
animation: { duration: 1 },
axes: axes: [
{
location: 'bottom',
title: { text: 'Axis Title X', fillStyle: 'green'}
},
{
type: 'linear',
location: 'left',
title: { text: responseText.ylabel, fillStyle: 'blue' }
}
],
series: series

});
}
the sample data that i am getting from the backend is


{"title":"Avg. TAT (Minutes)","type":"column","seriesDataAry":[["0",0],["1",0],["2",0],["3",65],["4",0],["5",131],["6",0],["7",0],["8",115.75],["9",113],["10",0],["11",85],["12",141],["13",0],["14",0],["15",120.25],["16",0],["17",113.2],["18",81],["19",81],["20",0],["21",0],["22",117],["23",88],["24",0],["25",105.33],["26",105],["27",0],["28",0],["29",98],["30",93],["31",110.25],["32",0],["33",96.5],["34",0],["35",0],["36",126.2],["37",79],["38",75],["39",0],["40",133.75],["41",0],["42",0],["43",124],["44",132],["45",114],["46",0],["47",99],["48",0],["49",0],["50",131.2],["51",88],["52",0],["53",92.5],["54",100.67],["55",0],["56",0],["57",104],["58",0],["59",117],["60",90.67],["61",0],["62",0],["63",0],["64",136],["65",0],["66",80],["67",84],["68",104.4],["69",0],["70",0],["71",93.5],["72",0],["73",107.5],["74",97.75],["75",0],["76",0],["77",0],["78",134.6],["79",0],["80",99],["81",0],["82",85.5],["83",0],["84",0],["85",103],["86",0],["87",103.5],["88",89],["89",89],["90",0],["91",0],["92",86.5],["93",90],["94",120],["95",73],["96",96],["97",0],["98",0],["99",109],["100",111.5],["101",0],["102",147.33],["103",105],["104",0],["105",0],["106",104.33],["107",0],["108",120.25],["109",87],["110",85],["111",0],["112",0],["113",115],["114",106],["115",0],["116",89.33],["117",97],["118",0],["119",0],["120",87],["121",88],["122",100],["123",56],["124",0],["125",0],["126",0],["127",104],["128",89],["129",120],["130",107],["131",86.75],["132",0],["133",0],["134",93],["135",72],["136",83.46],["137",0],["138",0],["139",0],["140",0],["141",113.67],["142",0],["143",110.6],["144",0],["145",91],["146",0],["147",0],["148",116],["149",113.5],["150",0],["151",133.5],["152",71],["153",0],["154",0],["155",106],["156",111],["157",112.25],["158",71],["159",84],["160",0],["161",0],["162",125],["163",109],["164",0],["165",90.33],["166",119.71],["167",0],["168",0],["169",85.5],["170",95],["171",91],["172",132],["173",75],["174",0],["175",0],["176",85.5],["177",83],["178",103],["179",89.5],["180",0],["181",0],["182",0],["183",144.6],["184",70],["185",102],["186",86],["187",86],["188",0],["189",0],["190",122.5],["191",0],["192",123.67],["193",92],["194",0],["195",0],["196",0],["197",130.4],["198",81],["199",0],["200",107.4],["201",0],["202",0],["203",0],["204",110],["205",0],["206",103.5],["207",81],["208",0],["209",0],["210",0],["211",144.4],["212",0],["213",86],["214",0],["215",98.93],["216",0],["217",0],["218",111.8],["219",0],["220",125.95],["221",88],["222",90],["223",0],["224",0],["225",69.5],["226",92],["227",100.33],["228",89],["229",92],["230",0],["231",0],["232",117],["233",97.5],["234",0],["235",96],["236",111],["237",0],["238",0],["239",99.5],["240",91],["241",109.96],["242",0],["243",98.5],["244",0],["245",0],["246",130.4],["247",93.5],["248",127],["249",103],["250",67],["251",0],["252",0],["253",123.5],["254",0],["255",117],["256",101],["257",75],["258",0],["259",0],["260",122.83],["261",77],["262",0],["263",128.33],["264",51],["265",0],["266",0],["267",114],["268",118],["269",103.67],["270",45],["271",87.5],["272",0],["273",0],["274",126.8],["275",0],["276",108.5],["277",0],["278",114],["279",0],["280",0],["281",98.5],["282",0],["283",114.67],["284",99.5],["285",85],["286",0],["287",0],["288",92],["289",133],["290",77.5],["291",116.5],["292",0],["293",0],["294",0],["295",139.6],["296",0],["297",86],["298",0],["299",106],["300",0],["301",0],["302",104.5],["303",0],["304",89.33],["305",111.5],["306",0],["307",0],["308",0],["309",108],["310",101.5],["311",0],["312",146],["313",95],["314",0],["315",0],["316",98.67],["317",0],["318",117.57],["319",0],["320",87],["321",0],["322",0],["323",137],["324",85],["325",72],["326",79.95],["327",76],["328",0],["329",0],["330",113],["331",0],["332",118],["333",115],["334",0],["335",0],["336",0],["337",124.4],["338",91],["339",0],["340",95.5],["341",109],["342",0],["343",0],["344",107],["345",0],["346",90.5],["347",0],["348",100.5],["349",0],["350",0],["351",119.67],["352",108.33],["353",0],["354",95],["355",91.67],["356",0],["357",0],["358",109],["359",0],["360",95.33],["361",0],["362",0],["363",0],["364",0],["365",119.75]]}

Please help. this is very inportant
Dragan
#4 Posted : Thursday, May 16, 2013 11:18:22 AM(UTC)
Rank: Advanced Member

Groups: Administrators, DataVizJavaScript, jQueryChart, jQueryDV, MvcChart, Registered
Joined: 1/3/2011(UTC)
Posts: 483

Thanks: 0 times
Was thanked: 87 time(s) in 87 post(s)
You can use numeric numbers as x-values. Try changing your data from:

[["0",0],["1",0]...

to

[[0,0],[1,0]...
Best Regards,
Dragan Matek
jqChart Inc.
Kalyani
#5 Posted : Monday, May 20, 2013 2:14:55 AM(UTC)
Rank: Newbie

Groups: Registered
Joined: 5/14/2013(UTC)
Posts: 4

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
Thanks Dragan, that resolved the issue
Users browsing this topic
Guest (3)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

FlatEarth Theme by Jaben Cargman (Tiny Gecko)
Powered by YAF 1.9.4 | YAF © 2003-2010, Yet Another Forum.NET
This page was generated in 0.156 seconds.