1、图片自适应重绘
window.onresize = function () {
myChart.resize(); //使第一个图表适应
}
2、鼠标在左边tooltip在右边
tooltip : {
trigger : 'axis',
position: function (pos, params, dom, rect, size) {// 鼠标在左侧时 tooltip 显示到右侧,鼠标在右侧时 tooltip 显示到左侧。
var obj = {top: 60};
obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
return obj;
}
},
3、保存图片问题
toolbox: {
show: true,
feature: {
saveAsImage: {
show: true
}
}
},
----------------------------------------------------------------------------
2017.8.14更新
鼠标在左tooltip在右边这段可以直接设置为
confine : true
此项配置非常非常非常有用,比上面的配置2更加实用,因为配置2实测焦点离鼠标点击位置太远,用户体验不好。
----------------------------------------------------------------------------
2017.8.22更新
4、让数据集中显示在min和max之间
function getNew(a){
var b = [];
for(var i = 0; i <= a.length-1; i++){
if(a[i]) {
b.push(parseFloat(a[i]));
}
}
return b;
}
function max(b){
var a = getNew(b);
var max = a[0];
var len = a.length;
for (var i = 0; i <= len-1; i++){
if(!a[i]) continue;
if (a[i] > max){
max = a[i];
}
}
return max;
}
function min(b){
var a = getNew(b);
var min = a[0];
var len = a.length;
for (var i = 0; i <= len-1; i++){
if(!a[i]) continue;
if (a[i] < min){
min = a[i];
}
}
return min;
}
/**
* 取两个数组中最大值和最小值并将之差除以5,返回另一个数组
* @param a
* @param b
* @returns {Array}
*/
function compareArr(a,b){
var c = [];
c.push(format(max(a)));
c.push(format(min(a)));
c.push(format(max(b)));
c.push(format(min(b)));
var d = (max(c) - min(c))/5;
if(max(c) && min(c)){
var m = parseFloat(max(c)) + d;
var n = parseFloat(min(c)) - d;
return new Array(m.toFixed(2),n.toFixed(2));
}else return new Ar