Welcome Guest Search | Active Topics |

X Axis on Line chart...500 points
GregFoss
#1 Posted : Wednesday, February 19, 2014 11:43:39 AM(UTC)
Rank: Member

Groups: jQueryChart, Registered
Joined: 6/7/2012(UTC)
Posts: 16

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
Hello,

Who would have thought, they are using my line chart, intended for maybe 100 data points for nearly a thousand. Those users!

The result is that when they do this the labels on the x-axis all mush together. Is there a setting (hopefully) in the chart that would do this automatically?

Here is the lines I use for my Line chart...imagine the 'categories' section has a thousand items in it. I need them all to plot...but can't have them all as labels.

labels: { fillStyle:'blue', font:'10px sans-serif', angle : -45 },
title:'Batch Number',
categories: [ '308045','308044','308043','313032','313033','316397','318276','318277','318984']
}],

Thanks,

Greg

(the complete code is here if needed, there are a bunch of tables at the end...I left those off).

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test Results Reporting</title>
<link href="http://prdisrv.internal.upsher-smith.com:8080/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=zjquery_ui" rel="stylesheet" type="text/css"/>
<script src="http://prdisrv.internal.upsher-smith.com:8080/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=zjquery_min"></script>
<script src="http://prdisrv.internal.upsher-smith.com:8080/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=zjquery_ui_min"></script>
<link href="http://prdisrv.internal.upsher-smith.com:8080/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=ztablesorter" rel="stylesheet" type="text/css"/>
<script src="http://prdisrv.internal.upsher-smith.com:8080/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=zjqchart" type="text/javascript"></script>
<!--[if IE]>
<script type="text/javascript" src="http://prdisrv.internal.upsher-smith.com:8080/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=zexcanvas"></script>
<![endif]--><script type="text/javascript" src="http://prdisrv.internal.upsher-smith.com:8080/sap/public/bsp/sap/public/bc/webrfc?_function=www_get_mime_object&_object_id=zjquery_tablesorter"></script>
<script type="text/javascript">$(document).ready(function() { $("#TABLE01").tablesorter(); } );</script>
<script type="text/javascript">$(document).ready(function() { $("#TABLE02").tablesorter(); } );</script>
<script type="text/javascript">$(document).ready(function() { $("#TABLE03").tablesorter(); } );</script>
<script type="text/javascript">$(document).ready(function() { $("#TABLE04").tablesorter(); } );</script>
<script lang="javascript" type="text/javascript">
$(document).ready(function () {
$('#container01').jqChart({
width: 1000,
height: 500,
title: { text:'000000000000105999 : Capsule, Nexa Plus - C',
font:'15px sans-serif',
lineWidth: 1,
strokeStyle:'black',
fillStyle:'grey'
},
tooltips: { type:'shared'},
axes: [{
type:'linear',
location:'left',
title: { text:'Milligram',fillstyle:'green'}
},
{
type:'category',
location:'bottom',
labels: { fillStyle:'blue', font:'10px sans-serif', angle : -45 },
title:'Batch Number',
categories: [ '308045','308044','308043','313032','313033','316397','318276','318277','318984']
}],
series: [ {
type:'line',
title:'Weight Variation (Fill Weight)',
data: [ 1.4810000000000000E+03,1.4670000000000000E+03,1.4700000000000000E+03,1.4940000000000000E+03,1.4920000000000000E+03,1.4900000000000000E+03,1.4870000000000000E+03,1.4780000000000000E+03,1.4600000000000000E+03] }
,{
type:'line',
title:'Weight Variation (Range - High)',
data: [ 1.0030000000000000E+02,1.0030000000000000E+02,1.0420000000000000E+02,1.0040000000000001E+02,1.0040000000000001E+02,1.0050000000000000E+02,1.0030000000000000E+02,1.0080000000000000E+02,1.0040000000000001E+02] }
,{
type:'line',
title:'Weight Variation (Range - Low)',
data: [ 9.9900000000000006E+01,9.9599999999999994E+01,9.9400000000000006E+01,9.9700000000000003E+01,9.9599999999999994E+01,9.9400000000000006E+01,9.9099999999999994E+01,9.9200000000000003E+01,9.9799999999999997E+01] }
]
});
$("#tabs").tabs();
});
</script>
Dragan
#2 Posted : Friday, February 21, 2014 7:43:53 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 change your x-axis config to:

Code:
{
                        type: 'category',
                        location: 'bottom',
                        labels: {
                            fillStyle: 'blue',
                            font: '10px sans-serif',
                            resolveOverlappingMode: 'hide' // hide | multipleRows
                        },
                        title: 'Batch Number',
                        categories: ['308045', '308044', '308043', '313032', '313033', '316397', '318276', '318277', '318984']
                    }
Best Regards,
Dragan Matek
jqChart Inc.
GregFoss
#3 Posted : Friday, March 7, 2014 1:41:56 PM(UTC)
Rank: Member

Groups: jQueryChart, Registered
Joined: 6/7/2012(UTC)
Posts: 16

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
Thanks Dragan. I gave this a try, with some other variations on the resolveOverlappingMode, but it did not work. I'm downloading the newest version of JQChart now to try it again with the latest.
Greg
Dragan
#4 Posted : Friday, March 7, 2014 1:45:30 PM(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 also need to remove:

Code:
angle : -45
Best Regards,
Dragan Matek
jqChart Inc.
GregFoss
#5 Posted : Monday, April 28, 2014 2:33:28 PM(UTC)
Rank: Member

Groups: jQueryChart, Registered
Joined: 6/7/2012(UTC)
Posts: 16

Thanks: 0 times
Was thanked: 0 time(s) in 0 post(s)
Thanks Dragan...sorry for the delay. Once I removed the angle it worked.

Greg
Users browsing this topic
Guest (2)
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.159 seconds.