Dojo Charts

HTML

<link rel="stylesheet" href="http://download.dojotoolkit.org/release-1.5.0/dojo-release-1.5.0/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://download.dojotoolkit.org/release-1.5.0/dojo-release-1.5.0/dijit/themes/claro/claro_rtl.css">
<link rel="stylesheet" href="http://download.dojotoolkit.org/release-1.5.0/dojo-release-1.5.0/dojo/resources/dojo.css">
<h2>Article Statuses</h2>
<div id="chartNode" style="width: 450px; height: 450px;"></div>

<h2>Article Processing</h2>
<div id="areaNode" style="width: 100%; height: 350px;"></div>
<table id="areaLegendNode" style="width: 75px;"></table>

<h2>Excerpts Needed</h2>
<div id="upcomingNode" style="width: 75%; height: 350px;"></div>

JavaScript

pieData = [
    { y: 389, text: "Needs Curation" },
    { y: 125, text: "Curation Review" },
    { y: 285, text: "Needs Excerpt" },
    { y: 193, text: "Excerpt Review" },
     { y: 21, text: "Unusable" }
];

areaData = [
    [ 234, 180, 256, 404, 318, 482, 425, 272, 210, 175, 408, 290, 328,375 ],
    [ 75,0,0,110,94,85,79,65,0,0,120,117,94,181], // Curated
    [ 82,0,0,96,115,125,48,85,0,0,85,135,78,151], // Excerpt
    [ 25,0,0,50,44,75,71,65,0,0,74,67,94,81], // Curation Review
    [ 35,0,0,40,59,81,95,48,0,0,40,42,67,51], // Excerpt Review
    [ 15,0,0,11,4,18,9,15,0,0,12,11,4,18] // Unusable
];


upcomingData = [45, 85, 225, 550];

require([
        "dojo/_base/kernel",
          // Require the basic 2d chart resource
        "dojox/charting/Chart",
         
        // Require the theme of our choosing
        "dojox/charting/Theme", //s/PlotKit/blue",
     
        "dojox/charting/plot2d/Pie",
        "dojox/charting/plot2d/Areas",
        "dojox/charting/action2d/Tooltip",
        "dojox/charting/widget/SelectableLegend",
     
        "dojox/charting/axis2d/Default",
        "dojox/charting/plot2d/Lines",
        "dojox/charting/plot2d/StackedAreas",
        "dojox/charting/plot2d/Grid"
        
    ], function(dojo, Chart, theme, PiePlot, AreaPlot, Tooltip, Legend){
        var mytheme = new theme(); 
        mytheme.chart.fill = mytheme.plotarea.fill = "#fff";
        //theme.series.stroke = null;
        //theme.series.outline = null;
      
        mytheme.markerThemes = [
            {fill: "#ffffff", stroke: {color: "#6fa5d7"}},
            {fill: "#ffffff", stroke: {color: "#9dda74"}},
            {fill: "#ffffff", stroke: {color: "#e5c051"}},
            {fill: "#ffffff", stroke: {color: "#e55451"}},
            {fill: "#ffffff", stroke: {color: "#c779db"}},
            {fill: "#ffffff", stroke: {color: "#7980db"}},
        
        ];
        mytheme.seriesThemes = [
            {fill: "#dbedff", stroke: {color: "#6fa5d7"}},
            {fill:...