eachart加单位

var main3=document.getElementById('main3');

var option3 = {
    title: {

        textStyle: {
            color: '#333',
            fontWeight: 'normal',
            fontSize: 14
        },
        left: 25,
        top: 15
    },
    color: ['#D3D6DE', '#5199C3'],


    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',

        },
        formatter: function (params) { //自定义函数修改折线图给数据加单位
            var str = '';//声明一个变量用来存储数据
            str += '<div>' + params[0].name + '</div>';   //显示日期的函数
            for (var i = 0; i < params.length; i++) {  //图显示的数据较多时需要循环数据,这样才可以成功的给多条数据添加单位
                str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' + params[i].color + ';"></span>' + params[i].seriesName + '</span> : <span>' + (params[i].data ? params[i].data + '%' : '暂无') + '</br>';
            }
            return str;
        },
        

    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: [
        {
            type: 'category',
            boundaryGap: false,
            data: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
            axisLine: {

            }
        }
    ],

    yAxis: [

        {

            type: 'value',
            show: 'false',
            "axisTick": {
                "show": false
            },
            "axisLine": {
                "show": false

            },
        }
    ],


    series: [
        {
            name: '视频广告',
            type: 'line',
            smooth:true,
            stack: '总量',
            areaStyle: { normal: {} },
            data: [15, 23, 20, 46, 39, 70, 17]
        },
        {
            name: '直接访问',
            type: 'line',
            smooth:true,
            stack: '总量',
            areaStyle: { normal: {} },
            data: [32, 55, 31, 33, 27, 80, 67]
        }
    ]
};
$(window).resize(function () {
    location.reload()
});


formatter: function(params) { //自定义函数修改折线图给数据加单位

                var str = '';//声明一个变量用来存储数据

                str += '<div>'+ params[0].name +'</div>'; //显示日期的函数

                for(var i=0; i<params.length; i++) { //图显示的数据较多时需要循环数据,这样才可以成功的给多条数据添加单位

                    if(i === 0){
                        str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'+ params[i].seriesName +'</span> : <span>'+ (params[i].data ? params[i].data+'元' : '暂无') +'</br>';

                    }else if(i===1){
                        str += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:'+params[i].color+';"></span>'+ params[i].seriesName +'</span> : <span>'+ (params[i].data ? params[i].data+'%' : '暂无') +'</br>';

                    }

                }

                return str;

            }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值