echart多个数据表联合？

JavaScript015

echart多个数据表联合？,第1张

<! DOCTYPE html>

<head >

<meta charset = "utf-8" >

<title >ECharts</ title >

</ head >

<body >

<!-- 为ECharts准备一个具备大小（宽高）的Dom -->

<div id = "main1" style = "height:200px" ></ div >

<div id = "main2" style = "height:200px" ></ div >

<div id = "main3" style = "height:200px" ></ div >

<div id = "main4" style = "height:200px" ></ div >

<!-- ECharts单文件引入 -->

<script src = "http://echarts.baidu.com/build/dist/echarts.js" ></ script >

<script type = "text/javascript" >

// 路径配置

require.config({

paths: {

echarts: 'http://echarts.baidu.com/build/dist'

}

})

// 使用

require(

[

'echarts',

'echarts/chart/bar', // 使用柱状图就加载bar模块，按需加载

'echarts/chart/line'

],

function (ec) {

// 基于准备好的dom，初始化echarts图表

var myChart1 = ec.init(document.getElementById('main1'))

var myChart2 = ec.init(document.getElementById('main2'))

var myChart3 = ec.init(document.getElementById('main3'))

var myChart4 = ec.init(document.getElementById('main4'))

myChart1.setTheme("macarons")

myChart2.setTheme("macarons")

myChart3.setTheme("macarons")

myChart4.setTheme("macarons")

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]

}]

具体操作过程：

1.任意下载config.bin[路由器配置文件]，例如 http://192.168.1.1/config.bin

2.openssl enc -d -des-ecb -nopad -K 478DA50BF9E3D2CF -in config.bin ，提取配置信息。

3.找到首行 code 区域

authKey 0rZily4W9TefbwK ，此为加密过的用户后台登陆密码。

4.Query.js存在算法BUG.经过研究这段加密字串“0rZily4W9TefbwK”通过用户浏览器运算生成，且存在算法漏洞。

5.加密字串虽不可逆，但存在大量碰撞，即任意字符可生成相同的加密字串。破解文件html网页格式【自行转存】。找个数据库软件，用最后生成的SQL脚本【笛卡尔积】生成的每一组字符串均可登录后台。【网页格式，代码部分另存成网页html文件】

6.随便选一组登录即可。