ECharts Gallery

20:11:45图表已生成
代码
//x，y，series数据
var xTop = ["2016/10/23\n第1次", "2016/10/23\n第2次", "2016/10/23\n第3次", "2016/10/24\n第1次", "2016/10/24\n第2次", "2016/10/24\n第3次",
    "2016/10/25\n第1次", "2016/10/25\n第2次", "2016/10/25\n第3次", "2016/10/26\n第1次", "2016/10/26\n第2次", "2016/10/26\n第3次",
    "2016/10/27\n第1次", "2016/10/27\n第2次", "2016/10/27\n第3次", "2016/10/28\n第1次", "2016/10/28\n第2次", "2016/10/28\n第3次",
    "2016/10/29\n第1次", "2016/10/29\n第2次", "2016/10/29\n第3次", "2016/10/30\n第1次", "2016/10/30\n第2次", "2016/10/30\n第3次",
    "2016/10/31\n第1次", "2016/10/31\n第2次", "2016/10/31\n第3次", "2016/11/01\n第3次", "2016/11/08\n第1次", "2016/11/08\n第2次", "2016/11/08\n第3次",
    "2016/11/09\n第1次", "2016/11/09\n第2次", "2016/11/09\n第3次", "2016/11/10\n第1次", "2016/11/10\n第2次", "2016/11/10\n第3次",
    "2016/11/11\n第1次", "2016/11/11\n第2次", "2016/11/11\n第3次", "2016/11/14\n第1次", "2016/11/14\n第2次", "2016/11/14\n第3次",
    "2016/11/15\n第1次", "2016/11/15\n第2次", "2016/11/15\n第3次", "2016/11/16\n第1次", "2016/11/16\n第2次", "2016/11/16\n第3次",
    "2016/11/17\n第1次", "2016/11/17\n第2次", "2016/11/17\n第3次"
];

var xBottom = [];
var yLeft = [];
var yRight = [];
var sData = [8.74, 9.14, 8.47, 9.04, 8.24, 8.64, 8.64, 8.91, 7.48, 9.27, 8.41, 9.14, 9.17, 8.77, 9.06, 8.47, 8.97, 8.77, 8.57, 8.97, 9.54, 8.69, 9.23, 8.24, 9.24, 9.21, 8.97, 8.87, 8.71, 8.10, 7.87, 9.01, 7.45, 7.64, 8.17, 8.76, 7.17, 7.69, 7.56, 7.89, 8.67, 8.22, 8.12, 7.53, 8.11, 7.87, 8.17];
option = {
    legend: {
        data: ['在控', '失控']
    },
    tooltip: {
        trigger: 'item',
    },
    dataZoom: {
        type: 'slider',
        //			start:'0',
        //			end:'25',
    },
    grid: {
        show: false,
        			bottom: 80,
        // 			height:'auto',
        // 			containLabel:true
    },
    xAxis: [{ //x0
        type: 'category',
        data: xTop,
        axisLabel: {
            //				interval:1
            show: true
        },
        axisLine: {
            lineStyle: {
                color: '#008ACD'
            }
        },
        axisLabel: {
            textStyle: {
                color: '#000'
            }
        },


    }, { //x1
        type: 'value',
        show: false,
        // splitLine: { //坐标轴在grid区域中的分割线
        //     show: false

        // }
    }],
    yAxis: [{ //y0
        type: 'value',
        min: parseFloat(-10.72).toFixed(3),
        max: parseFloat(28.560000001).toFixed(3),
        position: 'right',
        axisLine: {//坐标轴轴线相关设置
            show:false,
            // opacity:0.1
            lineStyle: {
                opacity: 0.1
            }
        },
        axisTick: {//坐标轴刻度相关设置
            length: 10,//刻度长度
            show: false,
        },
        axisLabel: {//坐标轴刻度标签相关设置
            show: false,
            margin:28//刻度标签与轴线之间的距离
        },
        splitLine: { //坐标轴在grid区域中分割线   
            show:false,
        }
    }, { //y1
        type: 'category',
        axisLine: {
            lineStyle: {
                color: '#008ACD'
            }
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            textStyle: {
                color: '#000'
            }
        },
        splitLine: {
            show: true,
            interval: 0,
            lineStyle: {
                // color: [
                //   '#f8ac59', '#1c84c6', 'rgba(92,148,92,1)', '#1c84c6', '#f8ac59', '#ed5565', 'green'
                // ],
                // color:'gold',
                // width: 2,
                type: "broken", //虚线 dashed

            }
        },

        data: ["", "(" + parseFloat(-5.8100000000000005).toFixed(3) + ")-3SD",
            "(" + parseFloat(-0.9000000000000004).toFixed(3) + ") -2SD",
            "(" + parseFloat(4.01).toFixed(3) + ") -1SD",
            "(" + parseFloat(8.92).toFixed(3) + ") X",
            "(" + parseFloat(13.83).toFixed(3) + ") +1SD",
            "(" + parseFloat(18.740000000000002).toFixed(3) + ") +2SD",
            "(" + parseFloat(23.65).toFixed(3) + ") +3SD", ""
        ],
    }],
    series: [{
        name: '在控',
        type: 'line',
        xAxisIndex: 0,
        yAxisIndex: 0,
        data: sData,
        showAllSymbol: 'all' //显示所有点
    }, {
        //			name:'在控',
        type: 'bar',
        yAxisIndex: 1,
        xAxisIndex: 1,
        data: ['', '', '', '', '', '', '', '', '']
    }]
}
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
