dojo drilll down
dojo drill down ibm
by kamift
HTML
<html>
<head>
<title>Dojo Charting Drill Down</title>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.7.0/dijit/themes/claro/claro.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/dojo/1.7.0/dojo/dojo.js"
data-dojo-config="async: true"></script>
<script>
var setStyle;
require(["dojo/_base/declare", "dojo/dom-style", "dojo/ready", "dojox/charting/Chart",
"dojo/store/Memory", "dojox/charting/StoreSeries",
"dojox/charting/Theme", "dojox/charting/action2d/PlotAction",
"dojox/charting/axis2d/Default", "dojox/charting/plot2d/Columns", "dojox/charting/plot2d/Lines",
"dojox/charting/plot2d/Pie", "dojox/charting/plot2d/Grid",
"dojox/charting/action2d/Tooltip", "dojox/charting/action2d/Highlight"],
function(declare, domStyle, ready, Chart, Memory, StoreSeries, Theme, PlotAction, Default, Columns, Lines, Pie, Grid,
Tooltip, Highlight){
setStyle = domStyle.set;
/* JSON information */
var sales = [
{ month: "Jan", revenues: 12435, profit: 53, America:40, Europe:35, Asia:25},
{ month: "Feb", revenues: 11425, profit: 67, America:35, Europe:35, Asia:30},
{ month: "Mar", revenues: 13534, profit: 130, America:45, Europe:25, Asia:30},
{ month: "Apr", revenues: 12001, profit: 54, America:60, Europe:20, Asia:20},
{ month: "May", revenues: 14334, profit: 140, America:40, Europe:30, Asia:30},
{ month: "Jun", revenues: 12400, profit: 121, America:60, Europe:20, Asia:20},
{ month: "Jul", revenues: 12212, profit: 50, America:40, Europe:30, Asia:30},
{ month: "Aug", revenues: 14424, profit: 101, America:40, Europe:35, Asia:25},
{ month: "Nov", revenues: 14134, profit: 72, America:35, Europe:35, Asia:30},
{ month: "Oct", revenues: 13242, profit: 85, America:45, Europe:25, Asia:30},
{ month: "Nov", revenues: 16312, profit: 264, America:60, Europe:20, Asia:20},
{ month: "Dec", revenues: 19132, profit: 124,...