<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="require.js"></script>
<style type="text/css">
.circle{
border-radius: 6px;
width: 12px;
height: 12px;
display: inline-block;
}
</style>
</head>
<body>
<div id="container" style="width:1000px; height: 700px;">
</div>
<div id="tooltip"> </div>
<script type="text/javascript">
require.config({
paths:{
"echarts": "echarts",
"bubbleUtil": "bubbleUtil.min"
}
});
require(['bubbleUtil'],function(bubbleUtil){
var data = [
{"name":"黄瓜", "value":12345},
{"name":"猕猴桃", "value":7345},
{"name":"红提", "value":1345},
{"name":"枣子", "value":2345},
{"name":"火龙果", "value":345},
{"name":"葡萄", "value":14534},
{"name":"橘子", "value":9435} ,
{"name":"柚子", "value":134} ,
{"name":"桃子", "value":6346} ,
{"name":"西红柿", "value":634} ,
{"name":"梨子", "value":6346} ,
{"name":"苹果", "value":3644} ,
{"name":"香蕉", "value":2346} ,
{"name":"小明", "value":3869} ,
{"name":"小米", "value":6534} ,
{"name":"大米", "value":45} ,
{"name":"玉米", "value":8345}
];
bubbleUtil(data, document.getElementById('container'));
});
</script>
</body>
</html>
- 1
- 2
前往页