block by timelyportfolio 6986121

micropolar linePlot angularDomain working

Full Screen

index.html

<!doctype HTML>
<meta charset = 'utf-8'>
<html>
  <head>
    <link rel='stylesheet' href='//micropolar.org/style.css'>
    
    <script src='//d3js.org/d3.v3.min.js' type='text/javascript'></script>
    <script src='//micropolar.org/micropolar.js' type='text/javascript'></script>
    
    <style>
    .rChart {
      display: block;
      margin-left: auto; 
      margin-right: auto;
      width: 400px;
      height: 400px;
    }  
    </style>
    
  </head>
  <body>
    <div id='chart21c41eeb50d' class='rChart micropolar'></div>  
    
    <script>
  var chartParamschart21c41eeb50d = {
 "dom": "chart21c41eeb50d",
"width":    400,
"height":    400,
"data": [
 [      1, 0.0074 ],
[      2, 0.0193 ],
[      3, 0.0155 ],
[      4, -0.0091 ],
[      5, 0.0076 ],
[      6, -0.0039 ],
[      7, -0.0231 ],
[      8, 0.0395 ],
[      9, 0.0147 ],
[     10, 0.0288 ],
[     11, 0.0156 ],
[     12, 0.0176 ],
[     13, 0.0212 ],
[     14, 0.0022 ],
[     15, 0.0094 ],
[     16, 0.0126 ],
[     17, 0.0438 ],
[     18, 0.0231 ],
[     19, 0.0154 ],
[     20, 0.0237 ],
[     21, 0.0219 ],
[     22, -0.0207 ],
[     23,  0.025 ],
[     24,  0.011 ],
[     25, 0.0056 ],
[     26, 0.0429 ],
[     27, 0.0362 ],
[     28, 0.0078 ],
[     29, -0.0231 ],
[     30, 0.0121 ],
[     31, -0.0215 ],
[     32, -0.0944 ],
[     33, 0.0248 ],
[     34, 0.0558 ],
[     35, 0.0126 ],
[     36, 0.0097 ],
[     37, -0.0093 ],
[     38, 0.0094 ],
[     39, 0.0462 ],
[     40,  0.051 ],
[     41, 0.0162 ],
[     42, 0.0326 ],
[     43, 0.0098 ],
[     44, -0.0165 ],
[     45, -0.0045 ],
[     46, -0.0006 ],
[     47, 0.0035 ],
[     48, 0.0147 ],
[     49, -0.0102 ],
[     50, 0.0123 ],
[     51, 0.0575 ],
[     52, 0.0202 ],
[     53, 0.0339 ],
[     54, 0.0123 ],
[     55, 0.0049 ],
[     56, 0.0387 ],
[     57, 0.0013 ],
[     58, -0.0077 ],
[     59, 0.0104 ],
[     60, -0.0068 ],
[     61, 0.0079 ],
[     62, 0.0082 ],
[     63, -0.0105 ],
[     64, 0.0345 ],
[     65, 0.0579 ],
[     66, 0.0021 ],
[     67, 0.0207 ],
[     68, 0.0161 ],
[     69, -0.0312 ],
[     70, 0.0011 ],
[     71,  0.034 ],
[     72, 0.0676 ],
[     73, 0.0135 ],
[     74, -0.0124 ],
[     75, 0.0063 ],
[     76, 0.0046 ],
[     77, -0.0015 ],
[     78, -0.0241 ],
[     79, -0.0755 ],
[     80, 0.0077 ],
[     81, -0.0575 ],
[     82, 0.0297 ],
[     83, 0.0661 ],
[     84, -0.0323 ],
[     85, -0.0412 ],
[     86, -0.0251 ],
[     87, 0.0364 ],
[     88, 0.0651 ],
[     89, 0.0337 ],
[     90, 0.0308 ],
[     91, 0.0176 ],
[     92, 0.0003 ],
[     93,  0.009 ],
[     94, 0.0481 ],
[     95, 0.0169 ],
[     96, 0.0275 ],
[     97, 0.0053 ],
[     98, -0.0001 ],
[     99, 0.0087 ],
[    100, -0.0043 ],
[    101, 0.0082 ],
[    102, 0.0259 ],
[    103,      0 ],
[    104, 0.0055 ],
[    105, 0.0088 ],
[    106, -0.0006 ],
[    107, 0.0394 ],
[    108,  0.044 ],
[    109, 0.0001 ],
[    110, 0.0215 ],
[    111, -0.0207 ],
[    112, -0.0209 ],
[    113, 0.0043 ],
[    114, 0.0161 ],
[    115, 0.0091 ],
[    116, 0.0113 ],
[    117, 0.0261 ],
[    118, -0.0187 ],
[    119, 0.0231 ],
[    120, 0.0261 ],
[    121, 0.0692 ],
[    122, 0.0145 ],
[    123, 0.0397 ],
[    124, -0.0011 ],
[    125, -0.0267 ],
[    126, 0.0216 ],
[    127, -0.0144 ],
[    128, 0.0161 ],
[    129, 0.0068 ],
[    130, 0.0427 ],
[    131, 0.0117 ],
[    132, 0.0115 ] 
],
"type": "linePlot",
"originTheta":      0,
"radialAxisTheta":      0,
"angularDomain": [ d3.time.format('%b %Y')(new Date(823046400000)), d3.time.format('%b %Y')(new Date(838771200000)), d3.time.format('%b %Y')(new Date(854668800000)), d3.time.format('%b %Y')(new Date(870307200000)), d3.time.format('%b %Y')(new Date(886204800000)), d3.time.format('%b %Y')(new Date(901843200000)), d3.time.format('%b %Y')(new Date(917740800000)), d3.time.format('%b %Y')(new Date(933379200000)), d3.time.format('%b %Y')(new Date(949276800000)), d3.time.format('%b %Y')(new Date(965001600000)), d3.time.format('%b %Y')(new Date(980899200000)), d3.time.format('%b %Y')(new Date(996537600000)), d3.time.format('%b %Y')(new Date(1012435200000)), d3.time.format('%b %Y')(new Date(1028073600000)), d3.time.format('%b %Y')(new Date(1043971200000)), d3.time.format('%b %Y')(new Date(1059609600000)), d3.time.format('%b %Y')(new Date(1075507200000)), d3.time.format('%b %Y')(new Date(1.091232e+12)), d3.time.format('%b %Y')(new Date(1107129600000)), d3.time.format('%b %Y')(new Date(1.122768e+12)), d3.time.format('%b %Y')(new Date(1138665600000)), d3.time.format('%b %Y')(new Date(1.154304e+12)), d3.time.format('%b %Y')(new Date(1167523200000)) ],
"hideFirstTick": false,
"angularTicksSuffix": "",
"tickOrientation": "horizontal",
"minorTicks":      5,
"flip": true,
"id": "chart21c41eeb50d" 
}
  chartParamschart21c41eeb50d.containerSelector = '#chart21c41eeb50d'
  micropolar.preset[chartParamschart21c41eeb50d.type](
    chartParamschart21c41eeb50d
  )
</script>
    
  </body>
</html>