点击事件获得鼠标悬浮数据 #7462
Description
One-line summary [问题简述]
Y形时间显示和获取Y项数据
鼠标点击时想获得悬浮的数据：比如放在01-09 15:07上，获得这个时间。
Version & Environment [版本及环境]
- ECharts version [ECharts 版本]: 3
- Browser version [浏览器类型和版本]: 谷歌和IE10 IE11
- OS Version [操作系统类型和版本]: WIN7
Expected behaviour [期望结果]
点击事件获得鼠标悬浮数据：比如获得 01-09 17:32
ECharts option [ECharts配置项]
var time = new Array('Channel1', 'Channel2', 'Channel3', 'Channel4',
'Channel5', 'Channel6', 'Channel7', 'Channel8', 'Channel9',
'Channel10', 'Channel11', 'Channel12', 'Channel13', 'Channel14', 'Channel15', 'Channel16');
var number = [];
var sdate = "2018-01-09 00:00:00";
var edate = "2018-01-10 00:00:00";
var date1 = new Date(sdate);
var date2 = new Date(edate);
option = {
title: {
text: '',
textStyle: {
color: 'red',
fontStyle: 'italic',
fontWeight: 'bolder',
},
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#283b56'
}
},
formatter: function(params) {
return "";
}
},
legend: {
data: ['最高气温'],
orient: 'vertical'
},
xAxis: {
name: '',
type: 'category',
data: time
},
yAxis: {
name: '',
type: 'time',
min : date1,
max : date2,
splitNumber : 10
},
series: [{
type: 'bar',
boundaryGap: false,
itemStyle: {
normal: {
color: '#FFFFFF'
}
},
data: [date2, date2, date2, date2, date2, date2, date2, date2, date2, date2, date2, date2, date2, date2, date2, date2]
}]
};
myChart.setOption(option);
myChart.on('click', function(params) {
alert(params.name);
});