block by timelyportfolio 6872354

micropolar area labelling

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='chart2478799d2c7' class='rChart micropolar'></div>  
    
    <script>
  var chartParamschart2478799d2c7 = {
 "dom": "chart2478799d2c7",
"width":    400,
"height":    400,
"data": [
 [ 1, 1 ],
[ 2, 2 ],
[ 3, 3 ],
[ 4, 4 ],
[ 5, 5 ],
[ 6, 6 ],
[ 7, 7 ],
[ 8, 8 ],
[ 9, 9 ],
[ 10, 10 ],
[ 11, 11 ],
[ 12, 12 ],
[ 13, 13 ],
[ 14, 14 ],
[ 15, 15 ],
[ 16, 16 ],
[ 17, 17 ],
[ 18, 18 ],
[ 19, 19 ],
[ 20, 20 ] 
],
"angularDomain": [
 "1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9",
"10",
"11",
"12",
"13",
"14",
"15",
"16",
"17",
"18",
"19",
"20" 
],
"radialDomain": [ 1, 20 ],
"type": "areaChart",
"minorTicks":      0,
"id": "chart2478799d2c7" 
}
  chartParamschart2478799d2c7.containerSelector = '#chart2478799d2c7'
  micropolar.factory[chartParamschart2478799d2c7.type](
    chartParamschart2478799d2c7
  )
</script>
    
  </body>
</html>