up

parent cdec2c0b
......@@ -35,7 +35,7 @@ class App extends Component {
{
// name: 'start',
xAxis:item.Time,
yAxis: '1',
yAxis: 'Block',
label: {
show: true,
lineHeight:25,
......@@ -48,7 +48,7 @@ class App extends Component {
{
// name: 'end',
xAxis: item.Time,
yAxis: '1'
yAxis: 'Block'
},
]
})
......@@ -57,7 +57,7 @@ class App extends Component {
{
// name: 'start',
xAxis:item.Time,
yAxis: '0',
yAxis: 'Round',
label: {
show: true,
lineHeight:10,
......@@ -70,7 +70,7 @@ class App extends Component {
{
// name: 'end',
xAxis: item.Time,
yAxis: '0'
yAxis: 'Round'
},
] )
})
......@@ -197,6 +197,7 @@ class App extends Component {
{
// type: 'value',
// type:'time',
name:'Time',
axisLabel: {
formatter: (function(value){
return moment(parseInt(value/1000000)).format('YYYY-MM-DD HH:mm:ss.SSS')
......@@ -218,7 +219,7 @@ class App extends Component {
// 上边的轴指的是之前block
{
name:'block',
// name:'block',
// data:topValue,
// offset:-75,
axisLine:{
......@@ -249,14 +250,14 @@ class App extends Component {
],
yAxis: {
type: 'category',
name:'validator',
name:'Validator',
data: this.state.AxisY,
triggerEvent: true,
axisLabel:{
margin:8,
formatter:function(data){
var val=''
if(data.length>4){
if(data.length>5){
val = data.substr(0,4)+'...';
return val ;
}else {
......@@ -326,7 +327,7 @@ class App extends Component {
box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 8px`
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) {
var elementDiv = document.querySelector('#extension')
var xx = event.pageX - 10
......@@ -362,18 +363,16 @@ class App extends Component {
}
})
myChart.on('mouseout', function (params) {
var elementDiv = document.querySelector('#extension')
if (params.componentType == 'yAxis') {
var elementDiv = document.querySelector('#extension')
elementDiv.style.cssText = 'display:none'
}
if(params.componentType == "series"){
if(params.name === params.data.name){
var elementDiv = document.querySelector('#extension')
elementDiv.style.cssText = 'display:none'
}
}
if(params.componentType == "markLine"){
var elementDiv = document.querySelector('#extension')
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