Echarts 雷达单击事件如何获取值

Question

问答

Answer 1

0

莫铭

2015/10/27 14:38

myChart2.on(ecConfig.EVENT.CLICK,function(param){
    //点击后这里怎么写
    alert(param.seriesName+":"+param.value[param.special]);
});

评论 (0) 引用此答案举报

Answer 2

0

飞

飞舞的枫叶3841

2015/10/27 15:08

评论 (0) 引用此答案举报

Answer 3

0

l

less-xu

2017/04/06 15:35

<!doctype html>
<html lang="us">
<head>
	<meta charset="utf-8">
	<title></title>
	<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
</head>
<body>
	<div id="main" style="width: 600px;height:400px;"></div>
</body>
</html>
<script src="jquery.js"></script>
<script>
	require.config({
		paths:{ 
			echarts:'http://echarts.baidu.com/build/dist'
		}
	});

	require(
	   [
		   'echarts',
		   'echarts/chart/radar',
	   ],
	function (ec){
		// 基于准备好的dom，初始化echarts图表
		var myChart= ec.init(document.getElementById('main'));
		var option = {
			polar: [{
				indicator: [
					{ text: '销售', max: 6500},
					{ text: '管理', max: 16000},
					{ text: '信息技术', max: 30000},
					{ text: '客服', max: 38000},
					{ text: '研发', max: 52000},
					{ text: '市场', max: 25000}
				]
			}], 
			series: [{
				name: "",
				type: "radar",
				data: [{
					value: [4300, 10000, 28000, 35000, 50000, 19000],
					name: "预算分配"
				}],
				itemStyle: {
					normal: {
						color: "#1DBB37"
					}
				}
				},{
				name: "",
				type: "radar",
				data: [{
					value: [5000, 14000, 28000, 31000, 42000, 21000],
					name: "实际开销"
				}],
				itemStyle: {
					normal: {
						color: "rgb(51, 153, 254)"
					}
				}
				}
			], 
		};	 

		var ecConfig = require('echarts/config');
		myChart.on(ecConfig.EVENT.CLICK,function(param){
			//点击后这里怎么写
			console.log(param)
			alert(param.name)
		});
		myChart.setOption(option);

}); 
</script>

评论 (0) 引用此答案举报

Echarts 雷达单击事件如何获取值

OSCHINA 社区

在线工具

QQ交流群

微信公众号

OSCHINA APP

Echarts 雷达 单击事件如何获取值

OSCHINA 社区

在线工具

QQ交流群

微信公众号

OSCHINA APP

Echarts 雷达单击事件如何获取值