• echarts 左右从坐标轴样式


    option = {
        color:['#ED7D31','#4472C4','#FFC000','#A5A5A5'],
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                crossStyle: {
                    color: '#999'
                }
            }
        },
        toolbox: {
            feature: {
                dataView: {show: true, readOnly: false},
                magicType: {show: true, type: ['line', 'bar']},
                restore: {show: true},
                saveAsImage: {show: true}
            }
        },
        legend: {
            data: ['2小时快速修复', '常规施工工程', '准时百分比', '累计准时百分比']
        },
        xAxis: [
            {
                type: 'category',
                data: [ '3月', '4月', '5月', '6月', '7月'],
                axisPointer: {
                    type: 'shadow'
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: '水量',
                min: 0,
                max: 250,
                interval: 50,
                axisLabel: {
                    formatter: '{value} ml'
                }
            },
            {
                type: 'value',
                name: '温度',
                min: 0,
                max: 25,
                interval: 5,
                axisLabel: {
                    formatter: '{value} °C'
                }
            }
        ],
        series: [
            {
                name: '2小时快速修复',
                type: 'bar',
                stack: '施工统计',
                data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
            },
            {
                name: '常规施工工程',
                type: 'bar',
                stack: '施工统计',
                data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
            },
            {
                name: '准时百分比',
                type: 'line',
                yAxisIndex: 1,
                data: [2.0, 2.2, 3.3, 4.5, 6.3]
            },
            {
                name: '累计准时百分比',
                type: 'line',
                yAxisIndex: 1,
                data: [10, 14, 13.3, 14.5,15]
            }
        ]
    };

    option = {    color:['#ED7D31','#4472C4','#FFC000','#A5A5A5'],    tooltip: {        trigger: 'axis',        axisPointer: {            type: 'cross',            crossStyle: {                color: '#999'            }        }    },    toolbox: {        feature: {            dataView: {show: true, readOnly: false},            magicType: {show: true, type: ['line', 'bar']},            restore: {show: true},            saveAsImage: {show: true}        }    },    legend: {        data: ['2小时快速修复', '常规施工工程', '准时百分比', '累计准时百分比']    },    xAxis: [        {            type: 'category',            data: [ '3月', '4月', '5月', '6月', '7月'],            axisPointer: {                type: 'shadow'            }        }    ],    yAxis: [        {            type: 'value',            name: '水量',            min: 0,            max: 250,            interval: 50,            axisLabel: {                formatter: '{value} ml'            }        },        {            type: 'value',            name: '温度',            min: 0,            max: 25,            interval: 5,            axisLabel: {                formatter: '{value} °C'            }        }    ],    series: [        {            name: '2小时快速修复',            type: 'bar',            stack: '施工统计',            data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]        },        {            name: '常规施工工程',            type: 'bar',            stack: '施工统计',            data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]        },        {            name: '准时百分比',            type: 'line',            yAxisIndex: 1,            data: [2.0, 2.2, 3.3, 4.5, 6.3]        },        {            name: '累计准时百分比',            type: 'line',            yAxisIndex: 1,            data: [10, 14, 13.3, 14.5,15]        }    ]};

  • 相关阅读:
    微信小程序错误码参考大全
    关于vagrant一个虚拟机搭建多个项目配置(总结)
    Vagrant安装完lnmp后,配置linux和windows共享文件并配置虚拟主机访问项目
    vagrant的centos镜像,怎么用root用户登录?
    Vagrant系列(二)----Vagrant的配置文件Vagrantfile详解
    过滤数组中的空数组array_filter()
    getMessage(),getFile,getLine获取异常用法
    测试工程师的福利!各远程移动测试平台对比分析
    学习这篇总结后,你也能做出天天快报一样的推荐系统
    别被官方文档迷惑了!这篇文章帮你详解yarn公平调度
  • 原文地址:https://www.cnblogs.com/wcnwcn/p/13354503.html
Copyright © 2020-2023  润新知