//折线图
var line = echarts.init(document.getElementById("echarts_2"));
line.setOption({
xAxis: {
type: 'category',
data: xdata,
axisLabel: {
interval:0 ,
rotate:25,
textStyle: {
fontSize:'10',
color:'#fff',
},
formatter: function(value) {
if (value.length > 4) {
return value.substring(0, 4) + "...";
} else {
return value;
}
}
},
triggerEvent: true
},
});
extension(line);
function extension(line) {
var id = document.getElementById("extension");
if(!id) {
var div = "<div id = 'extension' sytle=\"display:none\"></div>"
$('html').append(div);
}
line.on('mouseover', function(params) {
if(params.value.length>=5) {
$('#extension').css({
"position": "absolute",
fontSize:'10',
color:'#fff',
"display": "inline"
}).text(params.value);
$("html").mousemove(function(event) {
var xx = event.pageX + 15;
var yy = event.pageY - 20;
$('#extension').css('top', yy).css('left', xx);
});
}});
line.on('mouseout', function(params) {
if(params.value.length>=5) {
$('#extension').css('display', 'none');
}
});
}