使用儿echarts3实现联动，当切换为折线图或者柱状图时，所有图都变成一样的啦ECharts Gallery

20:11:45图表已生成
代码
var option1 = {
	        title : {
	            text: '温度状况',
	            subtext: '纯属虚构'
	        },
	        tooltip : {
	            trigger: 'axis'
	        },
	        legend: {
	            data:['设定温度','进水温度','出水温度','环境温度']
	        },
	        toolbox: {
	            show : true,
	            feature : {
	                mark : {show: true},
	                dataView : {show: true, readOnly: false},
	                magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
	                restore : {show: true},
	                saveAsImage : {show: true}
	            }
	        },
	        xAxis : [
	            {
	                type : 'category', //x轴为类目类型
	                axisLabel:{
	                    show:true,
	                    interval:0,
	                    rotate:45
	                },
	                data : ['00:00:00','00:05:00','00:10:00','00:15:00','00:20:00','00:25:00','00:30:00','00:35:00','00:40:00','00:45:00']
	 
	                    }],
	                    yAxis : [
	                        {
	                            type : 'value'  //y轴为值类型
	            }
	        ],
	        series : [{  
	            name:'设定温度',
	            type:'line',
	                smooth:true,
	                data:[55,55,55,55,55,55,55,55,55,55]
	            }]
	        }
 
	    var option2 = {
            tooltip : {
                trigger: 'axis'
       		 },
	        legend: {
	            y:-30,
	            data:['设定温度','进水温度','出水温度','环境温度']
	        },
	        toolbox: {
	            y : -30,
	            show : true,
	            feature : {
	                mark : {show: true},
	                dataView : {show: true, readOnly: false},
	                magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
	                restore : {show: true},
	                saveAsImage : {show: true}
	            }
	        },
	        xAxis : [
	            {
	                type : 'category', //x轴为类目类型
	                axisLabel:{
	                    show:true,
	                    interval:0,
	                    rotate:45
	                },
	                data : ['00:00:00','00:05:00','00:10:00','00:15:00','00:20:00','00:25:00','00:30:00','00:35:00','00:40:00','00:45:00']
	 
	                    }],
	                    yAxis : [
	                        {
	                            type : 'value'  //y轴为值类型
	            }
	        ],
	        series : [
	        	{
		            name:'进水温度',
		            type:'line',
	                smooth:true,
	                data:[15,15,16,18,18,19,19,19,19,19]
                }
	        ]
        }
	 
        var option3 = {
	                    tooltip : {
	                        trigger: 'axis'
	        },
	        legend: {
	            y : -30,
	            data:['设定温度','进水温度','出水温度','环境温度']
	        },
	        toolbox: {
	            y : -30,
	            show : true,
	            feature : {
	                mark : {show: true},
	                dataView : {show: true, readOnly: false},
	                magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
	                restore : {show: true},
	                saveAsImage : {show: true}
	            }
	        },
	        xAxis : [
	            {
	                type : 'category', //x轴为类目类型
	                axisLabel:{
	                    show:true,
	                    interval:0,
	                    rotate:45
	                },
	                data : ['00:00:00','00:05:00','00:10:00','00:15:00','00:20:00','00:25:00','00:30:00','00:35:00','00:40:00','00:45:00']
	 
	                    }],
	                    yAxis : [
	                        {
	                            type : 'value'  //y轴为值类型
	            }
	        ],
	        series : [{  
	            name:'出水温度',
	            type:'line',
	                smooth:true,
	                data:[20,25,30,35,38,44,46,48,53,56]
	            }]
	        }
	 
	    var option4 = {
            tooltip : {
                trigger: 'axis'
	        },
	        legend: {
	            y : -30,
	            data:['设定温度','进水温度','出水温度','环境温度']
	        },
	        toolbox: {
	            y : -30,
	            show : true,
	            feature : {
	                mark : {show: true},
	                dataView : {show: true, readOnly: false},
	                magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
	                restore : {show: true},
	                saveAsImage : {show: true}
	            }
	        },
	        xAxis : [
	            {
	                type : 'category', //x轴为类目类型
	                axisLabel:{
	                    show:true,
	                    interval:0,
	                    rotate:45
	                },
	                data : ['00:00:00','00:05:00','00:10:00','00:15:00','00:20:00','00:25:00','00:30:00','00:35:00','00:40:00','00:45:00']
	 
	                    }],
	                    yAxis : [
	                        {
	                            type : 'value'  //y轴为值类型
	            }
	        ],
	        series : [{  
	            name:'环境温度',
	            type:'line',
	                smooth:true,
	                data:[15,15,15,15,15,15,15,15,15,15]
	            }]
	        }
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
