echarts(一)自定义配置

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
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

fullstack_lth

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值