Skip to content

G
graph
Commit 1709e8d8 authored by wenli.huang@wuban.net.cn's avatar wenli.huang@wuban.net.cn
Browse files
Options

up

parent cdec2c0b
Hide whitespace changes
Inline Side-by-side
Showing with 10 additions and 11 deletions
src/App.js
View file @ 1709e8d8
...@@ -35,7 +35,7 @@ class App extends Component { ...@@ -35,7 +35,7 @@ class App extends Component {
{ {
// name: 'start', // name: 'start',
xAxis:item.Time, xAxis:item.Time,
yAxis: '1', yAxis: 'Block',
label: { label: {
show: true, show: true,
lineHeight:25, lineHeight:25,
...@@ -48,7 +48,7 @@ class App extends Component { ...@@ -48,7 +48,7 @@ class App extends Component {
{ {
// name: 'end', // name: 'end',
xAxis: item.Time, xAxis: item.Time,
yAxis: '1' yAxis: 'Block'
}, },
] ]
}) })
...@@ -57,7 +57,7 @@ class App extends Component { ...@@ -57,7 +57,7 @@ class App extends Component {
{ {
// name: 'start', // name: 'start',
xAxis:item.Time, xAxis:item.Time,
yAxis: '0', yAxis: 'Round',
label: { label: {
show: true, show: true,
lineHeight:10, lineHeight:10,
...@@ -70,7 +70,7 @@ class App extends Component { ...@@ -70,7 +70,7 @@ class App extends Component {
{ {
// name: 'end', // name: 'end',
xAxis: item.Time, xAxis: item.Time,
yAxis: '0' yAxis: 'Round'
}, },
] ) ] )
}) })
...@@ -197,6 +197,7 @@ class App extends Component { ...@@ -197,6 +197,7 @@ class App extends Component {
{ {
// type: 'value', // type: 'value',
// type:'time', // type:'time',
name:'Time',
axisLabel: { axisLabel: {
formatter: (function(value){ formatter: (function(value){
return moment(parseInt(value/1000000)).format('YYYY-MM-DD HH:mm:ss.SSS') return moment(parseInt(value/1000000)).format('YYYY-MM-DD HH:mm:ss.SSS')
...@@ -218,7 +219,7 @@ class App extends Component { ...@@ -218,7 +219,7 @@ class App extends Component {
// 上边的轴指的是之前block // 上边的轴指的是之前block
{ {
name:'block', // name:'block',
// data:topValue, // data:topValue,
// offset:-75, // offset:-75,
axisLine:{ axisLine:{
...@@ -249,14 +250,14 @@ class App extends Component { ...@@ -249,14 +250,14 @@ class App extends Component {
], ],
yAxis: { yAxis: {
type: 'category', type: 'category',
name:'validator', name:'Validator',
data: this.state.AxisY, data: this.state.AxisY,
triggerEvent: true, triggerEvent: true,
axisLabel:{ axisLabel:{
margin:8, margin:8,
formatter:function(data){ formatter:function(data){
var val='' var val=''
if(data.length>4){ if(data.length>5){
val = data.substr(0,4)+'...'; val = data.substr(0,4)+'...';
return val ; return val ;
}else { }else {
...@@ -326,7 +327,7 @@ class App extends Component { ...@@ -326,7 +327,7 @@ class App extends Component {
box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 8px` box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 8px`
elementDiv.style.cssText = elementStyle elementDiv.style.cssText = elementStyle
elementDiv.innerHTML = moment(parseInt(params.data.value[0]/1000000)).format('YYYY-MM-DD HH:mm:ss.SSS') elementDiv.innerHTML=`<p>${moment(parseInt(params.data.value[0]/1000000)).format('YYYY-MM-DD HH:mm:ss.SSS')}</p><p>round：${params.data.value[4]}</p>`
document.querySelector('html').onmousemove = function (event) { document.querySelector('html').onmousemove = function (event) {
var elementDiv = document.querySelector('#extension') var elementDiv = document.querySelector('#extension')
var xx = event.pageX - 10 var xx = event.pageX - 10
...@@ -362,18 +363,16 @@ class App extends Component { ...@@ -362,18 +363,16 @@ class App extends Component {
} }
}) })
myChart.on('mouseout', function (params) { myChart.on('mouseout', function (params) {
var elementDiv = document.querySelector('#extension')
if (params.componentType == 'yAxis') { if (params.componentType == 'yAxis') {
var elementDiv = document.querySelector('#extension')
elementDiv.style.cssText = 'display:none' elementDiv.style.cssText = 'display:none'
} }
if(params.componentType == "series"){ if(params.componentType == "series"){
if(params.name === params.data.name){ if(params.name === params.data.name){
var elementDiv = document.querySelector('#extension')
elementDiv.style.cssText = 'display:none' elementDiv.style.cssText = 'display:none'
} }
} }
if(params.componentType == "markLine"){ if(params.componentType == "markLine"){
var elementDiv = document.querySelector('#extension')
elementDiv.style.cssText = 'display:none' elementDiv.style.cssText = 'display:none'
} }
}) })
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment