Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
G
graph
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
李伟@五瓣科技
graph
Commits
1709e8d8
Commit
1709e8d8
authored
Jul 04, 2022
by
wenli.huang@wuban.net.cn
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
up
parent
cdec2c0b
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
10 additions
and
11 deletions
+10
-11
App.js
src/App.js
+10
-11
No files found.
src/App.js
View file @
1709e8d8
...
...
@@ -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
:
'
v
alidator
'
,
name
:
'
V
alidator
'
,
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
'
}
})
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment