From c4e48a275cf4a994e8c46441fcdbf384b690bc39 Mon Sep 17 00:00:00 2001 From: Olly Smith Date: Wed, 7 Mar 2012 21:35:25 +0000 Subject: [PATCH] Refactor examples. --- example.html | 187 --------------------------------- examples/_template.html | 18 ++++ examples/days.html | 36 +++++++ examples/lib/example.css | 13 +++ examples/lib/example.js | 4 + examples/lib/prettify.css | 1 + examples/lib/prettify.js | 28 +++++ examples/months-no-smooth.html | 37 +++++++ examples/non-date.html | 36 +++++++ examples/quarters.html | 53 ++++++++++ examples/weeks.html | 52 +++++++++ 11 files changed, 278 insertions(+), 187 deletions(-) delete mode 100644 example.html create mode 100644 examples/_template.html create mode 100644 examples/days.html create mode 100644 examples/lib/example.css create mode 100644 examples/lib/example.js create mode 100644 examples/lib/prettify.css create mode 100644 examples/lib/prettify.js create mode 100644 examples/months-no-smooth.html create mode 100644 examples/non-date.html create mode 100644 examples/quarters.html create mode 100644 examples/weeks.html diff --git a/example.html b/example.html deleted file mode 100644 index ecdb39f..0000000 --- a/example.html +++ /dev/null @@ -1,187 +0,0 @@ - - - - - - - - -

Formatting Dates with Quarters

-
- -

Formatting Dates With Weeks

-
- - -

Formatting Dates with YYYY-MM

-
- - -

Formatting Dates YYYY-MM-DD

-
- - -

Formatting Non-date Arbitrary X-axis

-
- - diff --git a/examples/_template.html b/examples/_template.html new file mode 100644 index 0000000..d306673 --- /dev/null +++ b/examples/_template.html @@ -0,0 +1,18 @@ + + + + + + + + + + + +

Title

+
+
+// Insert code here:
+// it'll get eval()-ed and prettyprinted.
+
+ diff --git a/examples/days.html b/examples/days.html new file mode 100644 index 0000000..4d57f05 --- /dev/null +++ b/examples/days.html @@ -0,0 +1,36 @@ + + + + + + + + + + + +

Formatting Dates YYYY-MM-DD

+
+
+// data stolen from http://howmanyleft.co.uk/vehicle/jaguar_'e'_type
+var day_data = [
+  {"period": "2012-10-01", "licensed": 3407, "sorned": 660},
+  {"period": "2011-08-12", "licensed": 3351, "sorned": 629},
+  {"period": "2011-03-03", "licensed": 3269, "sorned": 618},
+  {"period": "2010-08-08", "licensed": 3246, "sorned": 661},
+  {"period": "2010-05-10", "licensed": 3257, "sorned": 667},
+  {"period": "2010-03-14", "licensed": 3248, "sorned": 627},
+  {"period": "2010-01-10", "licensed": 3171, "sorned": 660},
+  {"period": "2009-12-10", "licensed": 3171, "sorned": 676},
+  {"period": "2009-10-07", "licensed": 3201, "sorned": 656},
+  {"period": "2009-09-25", "licensed": 3215, "sorned": 622},
+];
+Morris.Line({
+  element: 'graph',
+  data: day_data,
+  xkey: 'period',
+  ykeys: ['licensed', 'sorned'],
+  labels: ['Licensed', 'SORN']
+});
+
+ diff --git a/examples/lib/example.css b/examples/lib/example.css new file mode 100644 index 0000000..4805c5e --- /dev/null +++ b/examples/lib/example.css @@ -0,0 +1,13 @@ +body { + width: 800px; + margin: 0 auto; +} +#graph { + width: 800px; + height: 250px; + margin: 20px auto 0 auto; +} +pre { + height: 250px; + overflow: auto; +} diff --git a/examples/lib/example.js b/examples/lib/example.js new file mode 100644 index 0000000..80b19f4 --- /dev/null +++ b/examples/lib/example.js @@ -0,0 +1,4 @@ +$(function () { + eval($('#code').text()); + prettyPrint(); +}); \ No newline at end of file diff --git a/examples/lib/prettify.css b/examples/lib/prettify.css new file mode 100644 index 0000000..d44b3a2 --- /dev/null +++ b/examples/lib/prettify.css @@ -0,0 +1 @@ +.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee} \ No newline at end of file diff --git a/examples/lib/prettify.js b/examples/lib/prettify.js new file mode 100644 index 0000000..eef5ad7 --- /dev/null +++ b/examples/lib/prettify.js @@ -0,0 +1,28 @@ +var q=null;window.PR_SHOULD_USE_CONTINUATION=!0; +(function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a= +[],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;ci[0]&&(i[1]+1>i[0]&&b.push("-"),b.push(e(i[1])));b.push("]");return b.join("")}function y(a){for(var f=a.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),b=f.length,d=[],c=0,i=0;c=2&&a==="["?f[c]=h(j):a!=="\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return f.join("")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p=5&&"lang-"===b.substring(0,5))&&!(o&&typeof o[1]==="string"))c=!1,b="src";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m), +l=[],p={},d=0,g=e.length;d=0;)h[n.charAt(k)]=r;r=r[1];n=""+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\S\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?m.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/, +q,"'\"`"]):m.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&e.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):m.push(["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),e.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,q])):m.push(["com",/^#[^\n\r]*/, +q,"#"]));a.cStyleComments&&(e.push(["com",/^\/\/[^\n\r]*/,q]),e.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));a.regexLiterals&&e.push(["lang-regex",/^(?:^^\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\(|\*|\*=|\+=|,|-=|->|\/|\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\^=|\^\^|\^\^=|{|\||\|=|\|\||\|\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*(\/(?=[^*/])(?:[^/[\\]|\\[\S\s]|\[(?:[^\\\]]|\\[\S\s])*(?:]|$))+\/)/]);(h=a.types)&&e.push(["typ",h]);a=(""+a.keywords).replace(/^ | $/g, +"");a.length&&e.push(["kwd",RegExp("^(?:"+a.replace(/[\s,]+/g,"|")+")\\b"),q]);m.push(["pln",/^\s+/,q," \r\n\t\xa0"]);e.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,q],["pun",/^.[^\s\w"-$'./@\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if("BR"===a.nodeName)h(a), +a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e} +for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\s)nocode(?:\s|$)/,t=/\r\n?|\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);for(l=s.createElement("LI");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn("cannot override language handler %s",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\s*=o&&(h+=2);e>=c&&(a+=2)}}catch(w){"console"in window&&console.log(w&&w.stack?w.stack:w)}}var v=["break,continue,do,else,for,if,return,while"],w=[[v,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"], +"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],F=[w,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],G=[w,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"], +H=[G,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"],w=[w,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],I=[v,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"], +J=[v,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],v=[v,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/,N=/\S/,O=u({keywords:[F,H,w,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END"+ +I,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,["default-code"]);k(x([],[["pln",/^[^]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]), +["default-markup","htm","html","mxml","xhtml","xml","xsl"]);k(x([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css", +/^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);k(x([],[["atv",/^[\S\s]+/]]),["uq.val"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),["c","cc","cpp","cxx","cyc","m"]);k(u({keywords:"null,true,false"}),["json"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),["cs"]);k(u({keywords:G,cStyleComments:!0}),["java"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),["bsh","csh","sh"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}), +["cv","py"]);k(u({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["perl","pl","pm"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),["js"]);k(u({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes", +hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);k(x([],[["str",/^[\S\s]+/]]),["regex"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement("PRE");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p=0){var k=k.match(g),f,b;if(b= +!k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&"CODE"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName==="pre"||o.tagName==="code"||o.tagName==="xmp")&&o.className&&o.className.indexOf("prettyprint")>=0){b=!0;break}b||((b=(b=n.className.match(/\blinenums\b(?::(\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p + + + + + + + + + + +

Formatting Dates with YYYY-MM

+
+
+// data stolen from http://howmanyleft.co.uk/vehicle/jaguar_'e'_type
+var month_data = [
+  {"period": "2012-10", "licensed": 3407, "sorned": 660},
+  {"period": "2011-08", "licensed": 3351, "sorned": 629},
+  {"period": "2011-03", "licensed": 3269, "sorned": 618},
+  {"period": "2010-08", "licensed": 3246, "sorned": 661},
+  {"period": "2010-05", "licensed": 3257, "sorned": 667},
+  {"period": "2010-03", "licensed": 3248, "sorned": 627},
+  {"period": "2010-01", "licensed": 3171, "sorned": 660},
+  {"period": "2009-12", "licensed": 3171, "sorned": 676},
+  {"period": "2009-10", "licensed": 3201, "sorned": 656},
+  {"period": "2009-09", "licensed": 3215, "sorned": 622},
+];
+Morris.Line({
+  element: 'graph',
+  data: month_data,
+  xkey: 'period',
+  ykeys: ['licensed', 'sorned'],
+  labels: ['Licensed', 'SORN'],
+  smooth: false
+});
+
+ diff --git a/examples/non-date.html b/examples/non-date.html new file mode 100644 index 0000000..895ef4b --- /dev/null +++ b/examples/non-date.html @@ -0,0 +1,36 @@ + + + + + + + + + + + +

Formatting Non-date Arbitrary X-axis

+
+
+var day_data = [
+  {"elapsed": "I", "value": 34},
+  {"elapsed": "II", "value": 24},
+  {"elapsed": "III", "value": 3},
+  {"elapsed": "IV", "value": 12},
+  {"elapsed": "V", "value": 13},
+  {"elapsed": "VI", "value": 22},
+  {"elapsed": "VII", "value": 5},
+  {"elapsed": "VIII", "value": 26},
+  {"elapsed": "IX", "value": 12},
+  {"elapsed": "X", "value": 19},
+];
+Morris.Line({
+  element: 'graph',
+  data: day_data,
+  xkey: 'elapsed',
+  ykeys: ['value'],
+  labels: ['value'],
+  parseTime: false
+});
+
+ diff --git a/examples/quarters.html b/examples/quarters.html new file mode 100644 index 0000000..7e928fa --- /dev/null +++ b/examples/quarters.html @@ -0,0 +1,53 @@ + + + + + + + + + + + +

Formatting Dates with Quarters

+
+
+// data stolen from http://howmanyleft.co.uk/vehicle/jaguar_'e'_type
+var quarter_data = [
+  {"period": "2011 Q3", "licensed": 3407, "sorned": 660},
+  {"period": "2011 Q2", "licensed": 3351, "sorned": 629},
+  {"period": "2011 Q1", "licensed": 3269, "sorned": 618},
+  {"period": "2010 Q4", "licensed": 3246, "sorned": 661},
+  {"period": "2010 Q3", "licensed": 3257, "sorned": 667},
+  {"period": "2010 Q2", "licensed": 3248, "sorned": 627},
+  {"period": "2010 Q1", "licensed": 3171, "sorned": 660},
+  {"period": "2009 Q4", "licensed": 3171, "sorned": 676},
+  {"period": "2009 Q3", "licensed": 3201, "sorned": 656},
+  {"period": "2009 Q2", "licensed": 3215, "sorned": 622},
+  {"period": "2009 Q1", "licensed": 3148, "sorned": 632},
+  {"period": "2008 Q4", "licensed": 3155, "sorned": 681},
+  {"period": "2008 Q3", "licensed": 3190, "sorned": 667},
+  {"period": "2007 Q4", "licensed": 3226, "sorned": 620},
+  {"period": "2006 Q4", "licensed": 3245, "sorned": 0},
+  {"period": "2005 Q4", "licensed": 3289, "sorned": 0},
+  {"period": "2004 Q4", "licensed": 3263, "sorned": 0},
+  {"period": "2003 Q4", "licensed": 3189, "sorned": 0},
+  {"period": "2002 Q4", "licensed": 3079, "sorned": 0},
+  {"period": "2001 Q4", "licensed": 3085, "sorned": 0},
+  {"period": "2000 Q4", "licensed": 3055, "sorned": 0},
+  {"period": "1999 Q4", "licensed": 3063, "sorned": 0},
+  {"period": "1998 Q4", "licensed": 2943, "sorned": 0},
+  {"period": "1997 Q4", "licensed": 2806, "sorned": 0},
+  {"period": "1996 Q4", "licensed": 2674, "sorned": 0},
+  {"period": "1995 Q4", "licensed": 1702, "sorned": 0},
+  {"period": "1994 Q4", "licensed": 1732, "sorned": 0}
+];
+Morris.Line({
+  element: 'graph',
+  data: quarter_data,
+  xkey: 'period',
+  ykeys: ['licensed', 'sorned'],
+  labels: ['Licensed', 'SORN']
+});
+
+ diff --git a/examples/weeks.html b/examples/weeks.html new file mode 100644 index 0000000..f2db24d --- /dev/null +++ b/examples/weeks.html @@ -0,0 +1,52 @@ + + + + + + + + + + + +

Formatting Dates With Weeks

+
+
+var week_data = [
+  {"period": "2011 W27", "licensed": 3407, "sorned": 660},
+  {"period": "2011 W26", "licensed": 3351, "sorned": 629},
+  {"period": "2011 W25", "licensed": 3269, "sorned": 618},
+  {"period": "2011 W24", "licensed": 3246, "sorned": 661},
+  {"period": "2011 W23", "licensed": 3257, "sorned": 667},
+  {"period": "2011 W22", "licensed": 3248, "sorned": 627},
+  {"period": "2011 W21", "licensed": 3171, "sorned": 660},
+  {"period": "2011 W20", "licensed": 3171, "sorned": 676},
+  {"period": "2011 W19", "licensed": 3201, "sorned": 656},
+  {"period": "2011 W18", "licensed": 3215, "sorned": 622},
+  {"period": "2011 W17", "licensed": 3148, "sorned": 632},
+  {"period": "2011 W16", "licensed": 3155, "sorned": 681},
+  {"period": "2011 W15", "licensed": 3190, "sorned": 667},
+  {"period": "2011 W14", "licensed": 3226, "sorned": 620},
+  {"period": "2011 W13", "licensed": 3245, "sorned": 0},
+  {"period": "2011 W12", "licensed": 3289, "sorned": 0},
+  {"period": "2011 W11", "licensed": 3263, "sorned": 0},
+  {"period": "2011 W10", "licensed": 3189, "sorned": 0},
+  {"period": "2011 W09", "licensed": 3079, "sorned": 0},
+  {"period": "2011 W08", "licensed": 3085, "sorned": 0},
+  {"period": "2011 W07", "licensed": 3055, "sorned": 0},
+  {"period": "2011 W06", "licensed": 3063, "sorned": 0},
+  {"period": "2011 W05", "licensed": 2943, "sorned": 0},
+  {"period": "2011 W04", "licensed": 2806, "sorned": 0},
+  {"period": "2011 W03", "licensed": 2674, "sorned": 0},
+  {"period": "2011 W02", "licensed": 1702, "sorned": 0},
+  {"period": "2011 W01", "licensed": 1732, "sorned": 0}
+];
+Morris.Line({
+  element: 'graph',
+  data: week_data,
+  xkey: 'period',
+  ykeys: ['licensed', 'sorned'],
+  labels: ['Licensed', 'SORN']
+});
+
+