console
var provinceData = [
{province:'北京',count:800},
{province:'上海',count:700},
{province:'广东',count:600},
{province:'湖南',count:500},
{province:'湖北',count:400}
];
var cityData = [
{city:'深圳',count:400},
{city:'广州',count:200},
{city:'东莞',count:100},
{city:'惠州',count:100},
{city:'中山',count:200}
];
var countryData = [
{country:'宝安',count:100},
{country:'南山',count:200},
{country:'罗湖',count:200},
{country:'龙华',count:80},
{country:'龙岗',count:90}
];
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数据钻取demo</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-contextmenu/2.7.1/jquery.contextMenu.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-contextmenu/2.7.1/jquery.contextMenu.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-contextmenu/2.7.1/jquery.ui.position.js"></script>
</head>
<body>
<div class="container">
<span class="context-menu-one btn btn-neutral">right click me</span>
<menu id="html5menu" type="context" style="display:none">
<command label="rotate" onclick="alert('rotate')" icon="images/cut.png">
<command label="resize" onclick="alert('resize')" icon="images/door.png">
<menu label="share">
<command label="twitter" onclick="alert('twitter')" icon="images/page_white_copy.png">
<hr>
<command label="facebook" onclick="alert('facebook')" icon="images/page_white_edit.png">
<hr>
<label>foo bar<input type="text" name="foo"></label>
</menu>
</menu>
</div>
</body>
<script>
$(function(){
$.contextMenu({
selector: '.context-menu-one',
items: $.contextMenu.fromMenu($('#html5menu'))
});
});
</script>
</html>