echart使用总结

2018-02-18

无数据显示自定义图片 

echartsIns.setOption({
    graphic: {
        elements: [{
            type: 'image',
            style: {
                image: '/resources/images/report/empty-bar.png',
                width: 200,
                height: 200
            },
            left: 'center',
            top: 'middle'
        }]
    }
});

多折线y轴数据不对应

在官方的示例中y轴数据不对应,解决方法是把 series里所有的“stack: '总量',” 都去掉 就可以了

提示框居中

tooltip: {
    trigger: 'axis',
    axisPointer: {
        type: 'cross'
    },
    backgroundColor: 'rgba(245, 245, 245, 0.8)',
    borderWidth: 1,
    borderColor: '#ccc',
    padding: 10,
    textStyle: {
        color: '#000'
    },
    position: function (pos, params, el, elRect, size) {
        var obj = {top: 10};
        obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 30;
        return obj;
    },
}

 

本文为原创,未经授权,禁止任何媒体或个人自媒体转载
商业侵权必究,如需授权请联系340443366@qq.com
标签: javascript

评论

Loading...

最新评论

相关推荐

前端登录凭证存储方案
现在是前后端分离时代,接口登录凭证通常使用cookie,session,web storage来实现,三种方法区别可以阅...
React17.0生命周期调整
在即将到来的react17.0版本,react团队对生命周期做了调整,将会移除 componentWillMount,c...
ES6装饰器的应用
什么是装饰器 装饰器(Decorator)函数,是用来修改类的行为,一个装饰器函数有三个参数 target 装饰...
scroll-top-icon