/
githubmirror
/
echarts
Обзор
Документация
Войти
/
githubmirror
/
echarts
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
test/tooltip-axisPointer2.html
1 808 строк
79 KB
Julie Pagano
feat(axisPointer): add option to disable emphasis. close #18495
18 апр 2023, 02:20
18 апр 2023, 02:20
036c610
Код
Авторство
О чём код?
<!DOCTYPE html> <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file distributed with this work for additional information regarding copyright ownership. The ASF licenses this file to you under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. --> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <script src="lib/simpleRequire.js"></script> <script src="lib/config.js"></script> <script src="lib/jquery.min.js"></script> <script src="lib/facePrint.js"></script> <script src="lib/testHelper.js"></script> <!-- <script src="ut/lib/canteen.js"></script> --> <link rel="stylesheet" href="lib/reset.css" /> </head> <body> <style> </style> <div id="main0"></div> <div id="main1"></div> <div id="main2"></div> <div id="main3"></div> <div id="main4"></div> <script> var option; require([ 'echarts' ], function (echarts) { const option = { "animation": false, "yAxis": [{ }], "xAxis": [{ "type": "time", }], "grid": [{ "left": "50px", "top": "40px", "right": "30px", "bottom": "40px" }], "series": [{ "showSymbol": false, "type": "line", "data": [ [1552446961000, 100], [1552446976000, 100], [1552446991000, 100], [1552447006000, 100], [1552447021000, 100], [1552447036000, 100], [1552447051000, 100], [1552447066000, 100], [1552447081000, 100], [1552447096000, 100], [1552447111000, 100], [1552447126000, 100], [1552447141000, 100], [1552447156000, 100], [1552447171000, 100], [1552447186000, 100], [1552447201000, 100], [1552447216000, 100], [1552447231000, 100], [1552447246000, 100], [1552447261000, 100], [1552447276000, 100], [1552447291000, 100], [1552447306000, 100], [1552447321000, 100], [1552447336000, 100], [1552447351000, 100], [1552447366000, 100], [1552447381000, 100], [1552447396000, 100], [1552447411000, 100], [1552447426000, 100], [1552447441000, 100], [1552447456000, 100], [1552447471000, 100], [1552447486000, 100], [1552447501000, 100], [1552447516000, 100], [1552447531000, 100], [1552447546000, 100], [1552447561000, 100], [1552447576000, 100], [1552447591000, 100], [1552447606000, 100], [1552447621000, 100], [1552447636000, 100], [1552447651000, 100], [1552447666000, 100], [1552447681000, 100], [1552447696000, 100], [1552447711000, 100], [1552447726000, 100], [1552447741000, 100], [1552447756000, 100], [1552447771000, 100], [1552447786000, 100], [1552447801000, 100], [1552447816000, 100], [1552447831000, 100], [1552447846000, 100], [1552447861000, 100], [1552447876000, 100], [1552447891000, 100], [1552447906000, 100], [1552447921000, 100], [1552447936000, 100], [1552447951000, 100], [1552447966000, 100], [1552447981000, 100], [1552447996000, 100], [1552448011000, 100], [1552448026000, 100], [1552448041000, 100], [1552448056000, 100], [1552448071000, 100], [1552448086000, 100], [1552448101000, 100], [1552448116000, 100], [1552448131000, 100], [1552448146000, 100], [1552448161000, 100], [1552448176000, 100], [1552448191000, 100], [1552448206000, 100], [1552448221000, 100], [1552448236000, 100], [1552448251000, 100], [1552448266000, 100], [1552448281000, 100], [1552448296000, 100], [1552448311000, 100], [1552448326000, 100], [1552448341000, 100], [1552448356000, 100], [1552448371000, 100], [1552448386000, 100], [1552448401000, 100], [1552448416000, 100], [1552448431000, 100], [1552448446000, 100], [1552448461000, 100], [1552448476000, 100], [1552448491000, 100], [1552448506000, 100], [1552448521000, 100], [1552448536000, 100], [1552448551000, 100], [1552448566000, 100], [1552448581000, 100], [1552448596000, 100], [1552448611000, 100], [1552448626000, 100], [1552448641000, 100], [1552448656000, 100], [1552448671000, 100], [1552448686000, 100], [1552448701000, 100], [1552448716000, 100], [1552448731000, 100], [1552448746000, 100], [1552448761000, 100], [1552448776000, 100], [1552448791000, 100], [1552448806000, 100], [1552448821000, 100], [1552448836000, 100], [1552448851000, 100], [1552448866000, 100], [1552448881000, 100], [1552448896000, 100], [1552448911000, 100], [1552448926000, 100], [1552448941000, 100], [1552448956000, 100], [1552448971000, 100], [1552448986000, 100], [1552449001000, 100], [1552449016000, 100], [1552449031000, 100], [1552449046000, 100], [1552449061000, 100], [1552449076000, 100], [1552449091000, 100], [1552449106000, 100], [1552449121000, 100], [1552449136000, 100], [1552449151000, 100], [1552449166000, 100], [1552449181000, 100], [1552449196000, 100], [1552449211000, 100], [1552449226000, 100], [1552449241000, 100], [1552449256000, 100], [1552449271000, 100], [1552449286000, 100], [1552449301000, 100], [1552449316000, 100], [1552449331000, 100], [1552449346000, 100], [1552449361000, 100], [1552449376000, 100], [1552449391000, 100], [1552449406000, 100], [1552449421000, 100], [1552449436000, 100], [1552449451000, 100], [1552449466000, 100], [1552449481000, 100], [1552449496000, 100], [1552449511000, 100], [1552449526000, 100], [1552449541000, 100], [1552449556000, 100], [1552449571000, 100], [1552449586000, 100], [1552449601000, 100], [1552449616000, 100], [1552449631000, 100], [1552449646000, 100], [1552449661000, 100], [1552449676000, 100], [1552449691000, 100], [1552449706000, 100], [1552449721000, 100], [1552449736000, 100], [1552449751000, 100], [1552449766000, 100], [1552449781000, 100], [1552449796000, 100], [1552449811000, 100], [1552449826000, 100], [1552449841000, 100], [1552449856000, 100], [1552449871000, 100], [1552449886000, 100], [1552449901000, 100], [1552449916000, 100], [1552449931000, 100], [1552449946000, 100], [1552449961000, 100], [1552449976000, 100], [1552449991000, 100], [1552450006000, 100], [1552450021000, 100], [1552450036000, 100], [1552450051000, 100], [1552450066000, 100], [1552450081000, 100], [1552450096000, 100], [1552450111000, 100], [1552450126000, 100], [1552450141000, 100], [1552450156000, 100], [1552450171000, 100], [1552450186000, 100], [1552450201000, 100], [1552450216000, 100], [1552450231000, 100], [1552450246000, 100], [1552450261000, 100], [1552450276000, 100], [1552450291000, 100], [1552450306000, 100], [1552450321000, 100], [1552450336000, 100], [1552450351000, 100], [1552450366000, 100], [1552450381000, 100], [1552450396000, 100], [1552450411000, 100], [1552450426000, 100], [1552450441000, 100], [1552450456000, 100], [1552450471000, 100], [1552450486000, 100], [1552450501000, 100], [1552450516000, 100], [1552450531000, 100], [1552450546000, 100], [1552450561000, 100] ] }, { "showSymbol": false, "type": "line", "data": [ [1552446961000, 0], [1552446976000, 0], [1552446991000, 0], [1552447006000, 0], [1552447021000, 0], [1552447036000, 0], [1552447051000, 0], [1552447066000, 0], [1552447081000, 0], [1552447096000, 0], [1552447111000, 0], [1552447126000, 0], [1552447141000, 0], [1552447156000, 0], [1552447171000, 0], [1552447186000, 0], [1552447201000, 0], [1552447216000, 0], [1552447231000, 0], [1552447246000, 0], [1552447261000, 0], [1552447276000, 0], [1552447291000, 0], [1552447306000, 0], [1552447321000, 0], [1552447336000, 0], [1552447351000, 0], [1552447366000, 0], [1552447381000, 0], [1552447396000, 0], [1552447411000, 0], [1552447426000, 0], [1552447441000, 0], [1552447456000, 0], [1552447471000, 0], [1552447486000, 0], [1552447501000, 0], [1552447516000, 0], [1552447531000, 0], [1552447546000, 0], [1552447561000, 0], [1552447576000, 0], [1552447591000, 0], [1552447606000, 0], [1552447621000, 0], [1552447636000, 0], [1552447651000, 0], [1552447666000, 0], [1552447681000, 0], [1552447696000, 0], [1552447711000, 0], [1552447726000, 0], [1552447741000, 0], [1552447756000, 0], [1552447771000, 0], [1552447786000, 0], [1552447801000, 0], [1552447816000, 0], [1552447831000, 0], [1552447846000, 0], [1552447861000, 0], [1552447876000, 0], [1552447891000, 0], [1552447906000, 0], [1552447921000, 0], [1552447936000, 0], [1552447951000, 0], [1552447966000, 0], [1552447981000, 0], [1552447996000, 0], [1552448011000, 0], [1552448026000, 0], [1552448041000, 0], [1552448056000, 0], [1552448071000, 0], [1552448086000, 0], [1552448101000, 0], [1552448116000, 0], [1552448131000, 0], [1552448146000, 0], [1552448161000, 0], [1552448176000, 0], [1552448191000, 0], [1552448206000, 0], [1552448221000, 0], [1552448236000, 0], [1552448251000, 0], [1552448266000, 0], [1552448281000, 0], [1552448296000, 0], [1552448311000, 0], [1552448326000, 0], [1552448341000, 0], [1552448356000, 0], [1552448371000, 0], [1552448386000, 0], [1552448401000, 0], [1552448416000, 0], [1552448431000, 0], [1552448446000, 0], [1552448461000, 0], [1552448476000, 0], [1552448491000, 0], [1552448506000, 0], [1552448521000, 0], [1552448536000, 0], [1552448551000, 0], [1552448566000, 0], [1552448581000, 0], [1552448596000, 0], [1552448611000, 0], [1552448626000, 0], [1552448641000, 0], [1552448656000, 0], [1552448671000, 0], [1552448686000, 0], [1552448701000, 0], [1552448716000, 0], [1552448731000, 0], [1552448746000, 0], [1552448761000, 0], [1552448776000, 0], [1552448791000, 0], [1552448806000, 0], [1552448821000, 0], [1552448836000, 0], [1552448851000, 0], [1552448866000, 0], [1552448881000, 0], [1552448896000, 0], [1552448911000, 0], [1552448926000, 0], [1552448941000, 0], [1552448956000, 0], [1552448971000, 0], [1552448986000, 0], [1552449001000, 0], [1552449016000, 0], [1552449031000, 0], [1552449046000, 0], [1552449061000, 0], [1552449076000, 0], [1552449091000, 0], [1552449106000, 0], [1552449121000, 0], [1552449136000, 0], [1552449151000, 0], [1552449166000, 0], [1552449181000, 0], [1552449196000, 0], [1552449211000, 0], [1552449226000, 0], [1552449241000, 0], [1552449256000, 0], [1552449271000, 0], [1552449286000, 0], [1552449301000, 0], [1552449316000, 0], [1552449331000, 0], [1552449346000, 0], [1552449361000, 0], [1552449376000, 0], [1552449391000, 0], [1552449406000, 0], [1552449421000, 0], [1552449436000, 0], [1552449451000, 0], [1552449466000, 0], [1552449481000, 0], [1552449496000, 0], [1552449511000, 0], [1552449526000, 0], [1552449541000, 0], [1552449556000, 0], [1552449571000, 0], [1552449586000, 0], [1552449601000, 0], [1552449616000, 0], [1552449631000, 0], [1552449646000, 0], [1552449661000, 0], [1552449676000, 0], [1552449691000, 0], [1552449706000, 0], [1552449721000, 0], [1552449736000, 0], [1552449751000, 0], [1552449766000, 0], [1552449781000, 0], [1552449796000, 0], [1552449811000, 0], [1552449826000, 0], [1552449841000, 0], [1552449856000, 0], [1552449871000, 0], [1552449886000, 0], [1552449901000, 0], [1552449916000, 0], [1552449931000, 0], [1552449946000, 0], [1552449961000, 0], [1552449976000, 0], [1552449991000, 0], [1552450006000, 0], [1552450021000, 0], [1552450036000, 0], [1552450051000, 0], [1552450066000, 0], [1552450081000, 0], [1552450096000, 0], [1552450111000, 0], [1552450126000, 0], [1552450141000, 0], [1552450156000, 0], [1552450171000, 0], [1552450186000, 0], [1552450201000, 0], [1552450216000, 0], [1552450231000, 0], [1552450246000, 0], [1552450261000, 0], [1552450276000, 0], [1552450291000, 0], [1552450306000, 0], [1552450321000, 0], [1552450336000, 0], [1552450351000, 0], [1552450366000, 0], [1552450381000, 0], [1552450396000, 0], [1552450411000, 0], [1552450426000, 0], [1552450441000, 0], [1552450456000, 0], [1552450471000, 0], [1552450486000, 0], [1552450501000, 0], [1552450516000, 0], [1552450531000, 0], [1552450546000, 0], [1552450561000, 0] ] }, { "showSymbol": false, "type": "line", "data": [ [1552446961000, 50], [1552446976000, 50], [1552446991000, 50], [1552447006000, 50], [1552447021000, 50], [1552447036000, 50], [1552447051000, 50], [1552447066000, 50], [1552447081000, 50], [1552447096000, 50], [1552447111000, 50], [1552447126000, 50], [1552447141000, 50], [1552447156000, 50], [1552447171000, 50], [1552447186000, 50], [1552447201000, 50], [1552447216000, 50], [1552447231000, 50], [1552447246000, 50], [1552447261000, 50], [1552447276000, 50], [1552447291000, 50], [1552447306000, 50], [1552447321000, 50], [1552447336000, 50], [1552447351000, 50], [1552447366000, 50], [1552447381000, 50], [1552447396000, 50], [1552447411000, 50], [1552447426000, 50], [1552447441000, 50], [1552447456000, 50], [1552447471000, 50], [1552447486000, 50], [1552447501000, 50], [1552447516000, 50], [1552447531000, 50], [1552447546000, 50], [1552447561000, 50], [1552447576000, 50], [1552447591000, 50], [1552447606000, 50], [1552447621000, 50], [1552447636000, 50], [1552447651000, 50], [1552447666000, 50], [1552447681000, 50], [1552447696000, 50], [1552447711000, 50], [1552447726000, 50], [1552447741000, 50], [1552447756000, 50], [1552447771000, 50], [1552447786000, 50], [1552447801000, 50], [1552447816000, 50], [1552447831000, 50], [1552447846000, 50], [1552447861000, 50], [1552447876000, 50], [1552447891000, 50], [1552447906000, 50], [1552447921000, 50], [1552447936000, 50], [1552447951000, 50], [1552447966000, 50], [1552447981000, 50], [1552447996000, 50], [1552448011000, 50], [1552448026000, 50], [1552448041000, 50], [1552448056000, 50], [1552448071000, 50], [1552448086000, 50], [1552448101000, 50], [1552448116000, 50], [1552448131000, 50], [1552448146000, 50], [1552448161000, 50], [1552448176000, 50], [1552448191000, 50], [1552448206000, 50], [1552448221000, 50], [1552448236000, 50], [1552448251000, 50], [1552448266000, 50], [1552448281000, 50], [1552448296000, 50], [1552448311000, 50], [1552448326000, 50], [1552448341000, 50], [1552448356000, 50], [1552448371000, 50], [1552448386000, 50], [1552448401000, 50], [1552448416000, 50], [1552448431000, 50], [1552448446000, 50], [1552448461000, 50], [1552448476000, 50], [1552448491000, 50], [1552448506000, 50], [1552448521000, 50], [1552448536000, 50], [1552448551000, 50], [1552448566000, 50], [1552448581000, 50], [1552448596000, 50], [1552448611000, 50], [1552448626000, 50], [1552448641000, 50], [1552448656000, 50], [1552448671000, 50], [1552448686000, 50], [1552448701000, 50], [1552448716000, 50], [1552448731000, 50], [1552448746000, 50], [1552448761000, 50], [1552448776000, 50], [1552448791000, 50], [1552448806000, 50], [1552448821000, 50], [1552448836000, 50], [1552448851000, 50], [1552448866000, 50], [1552448881000, 50], [1552448896000, 50], [1552448911000, 50], [1552448926000, 50], [1552448941000, 50], [1552448956000, 50], [1552448971000, 50], [1552448986000, 50], [1552449001000, 50], [1552449016000, 50], [1552449031000, 50], [1552449046000, 50], [1552449061000, 50], [1552449076000, 50], [1552449091000, 50], [1552449106000, 50], [1552449121000, 50], [1552449136000, 50], [1552449151000, 50], [1552449166000, 50], [1552449181000, 50], [1552449196000, 50], [1552449211000, 50], [1552449226000, 50], [1552449241000, 50], [1552449256000, 50], [1552449271000, 50], [1552449286000, 50], [1552449301000, 50], [1552449316000, 50], [1552449331000, 50], [1552449346000, 50], [1552449361000, 50], [1552449376000, 50], [1552449391000, 50], [1552449406000, 50], [1552449421000, 50], [1552449436000, 50], [1552449451000, 50], [1552449466000, 50], [1552449481000, 50], [1552449496000, 50], [1552449511000, 50], [1552449526000, 50], [1552449541000, 50], [1552449556000, 50], [1552449571000, 50], [1552449586000, 50], [1552449601000, 50], [1552449616000, 50], [1552449631000, 50], [1552449646000, 50], [1552449661000, 50], [1552449676000, 50], [1552449691000, 50], [1552449706000, 50], [1552449721000, 50], [1552449736000, 50], [1552449751000, 50], [1552449766000, 50], [1552449781000, 50], [1552449796000, 50], [1552449811000, 50], [1552449826000, 50], [1552449841000, 50], [1552449856000, 50], [1552449871000, 50], [1552449886000, 50], [1552449901000, 50], [1552449916000, 50], [1552449931000, 50], [1552449946000, 50], [1552449961000, 50], [1552449976000, 50], [1552449991000, 50], [1552450006000, 50], [1552450021000, 50], [1552450036000, 50], [1552450051000, 50], [1552450066000, 50], [1552450081000, 50], [1552450096000, 50], [1552450111000, 50], [1552450126000, 50], [1552450141000, 50], [1552450156000, 50], [1552450171000, 50], [1552450186000, 50], [1552450201000, 50], [1552450216000, 50], [1552450231000, 50], [1552450246000, 50], [1552450261000, 50], [1552450276000, 50], [1552450291000, 50], [1552450306000, 50], [1552450321000, 50], [1552450336000, 50], [1552450351000, 50], [1552450366000, 50], [1552450381000, 50], [1552450396000, 50], [1552450411000, 50], [1552450426000, 50], [1552450441000, 50], [1552450456000, 50], [1552450471000, 50], [1552450486000, 50], [1552450501000, 50], [1552450516000, 50], [1552450531000, 50], [1552450546000, 50], [1552450561000, 50] ] }, { "showSymbol": false, "type": "line", "data": [ [1552446961000, 200], [1552446976000, 200], [1552446991000, 200], [1552447006000, 200], [1552447021000, 200], [1552447036000, 200], [1552447051000, 200], [1552447066000, 200], [1552447081000, 200], [1552447096000, 200], [1552447111000, 200], [1552447126000, 200], [1552447141000, 200], [1552447156000, 200], [1552447171000, 200], [1552447186000, 200], [1552447201000, 200], [1552447216000, 200], [1552447231000, 200], [1552447246000, 200], [1552447261000, 200], [1552447276000, 200], [1552447291000, 200], [1552447306000, 200], [1552447321000, 200], [1552447336000, 200], [1552447351000, 200], [1552447366000, 200], [1552447381000, 200], [1552447396000, 200], [1552447411000, 200], [1552447426000, 200], [1552447441000, 200], [1552447456000, 200], [1552447471000, 200], [1552447486000, 200], [1552447501000, 200], [1552447516000, 200], [1552447531000, 200], [1552447546000, 200], [1552447561000, 200], [1552447576000, 200], [1552447591000, 200], [1552447606000, 200], [1552447621000, 200], [1552447636000, 200], [1552447651000, 200], [1552447666000, 200], [1552447681000, 200], [1552447696000, 200], [1552447711000, 200], [1552447726000, 200], [1552447741000, 200], [1552447756000, 200], [1552447771000, 200], [1552447786000, 200], [1552447801000, 200], [1552447816000, 200], [1552447831000, 200], [1552447846000, 200], [1552447861000, 200], [1552447876000, 200], [1552447891000, 200], [1552447906000, 200], [1552447921000, 200], [1552447936000, 200], [1552447951000, 200], [1552447966000, 200], [1552447981000, 200], [1552447996000, 200], [1552448011000, 200], [1552448026000, 200], [1552448041000, 200], [1552448056000, 200], [1552448071000, 200], [1552448086000, 200], [1552448101000, 200], [1552448116000, 200], [1552448131000, 200], [1552448146000, 200], [1552448161000, 200], [1552448176000, 200], [1552448191000, 200], [1552448206000, 200], [1552448221000, 200], [1552448236000, 200], [1552448251000, 200], [1552448266000, 200], [1552448281000, 200], [1552448296000, 200], [1552448311000, 200], [1552448326000, 200], [1552448341000, 200], [1552448356000, 200], [1552448371000, 200], [1552448386000, 200], [1552448401000, 200], [1552448416000, 200], [1552448431000, 200], [1552448446000, 200], [1552448461000, 200], [1552448476000, 200], [1552448491000, 200], [1552448506000, 200], [1552448521000, 200], [1552448536000, 200], [1552448551000, 200], [1552448566000, 200], [1552448581000, 200], [1552448596000, 200], [1552448611000, 200], [1552448626000, 200], [1552448641000, 200], [1552448656000, 200], [1552448671000, 200], [1552448686000, 200], [1552448701000, 200], [1552448716000, 200], [1552448731000, 200], [1552448746000, 200], [1552448761000, 200], [1552448776000, 200], [1552448791000, 200], [1552448806000, 200], [1552448821000, 200], [1552448836000, 200], [1552448851000, 200], [1552448866000, 200], [1552448881000, 200], [1552448896000, 200], [1552448911000, 200], [1552448926000, 200], [1552448941000, 200], [1552448956000, 200], [1552448971000, 200], [1552448986000, 200], [1552449001000, 200], [1552449016000, 200], [1552449031000, 200], [1552449046000, 200], [1552449061000, 200], [1552449076000, 200], [1552449091000, 200], [1552449106000, 200], [1552449121000, 200], [1552449136000, 200], [1552449151000, 200], [1552449166000, 200], [1552449181000, 200], [1552449196000, 200], [1552449211000, 200], [1552449226000, 200], [1552449241000, 200], [1552449256000, 200], [1552449271000, 200], [1552449286000, 200], [1552449301000, 200], [1552449316000, 200], [1552449331000, 200], [1552449346000, 200], [1552449361000, 200], [1552449376000, 200], [1552449391000, 200], [1552449406000, 200], [1552449421000, 200], [1552449436000, 200], [1552449451000, 200], [1552449466000, 200], [1552449481000, 200], [1552449496000, 200], [1552449511000, 200], [1552449526000, 200], [1552449541000, 200], [1552449556000, 200], [1552449571000, 200], [1552449586000, 200], [1552449601000, 200], [1552449616000, 200], [1552449631000, 200], [1552449646000, 200], [1552449661000, 200], [1552449676000, 200], [1552449691000, 200], [1552449706000, 200], [1552449721000, 200], [1552449736000, 200], [1552449751000, 200], [1552449766000, 200], [1552449781000, 200], [1552449796000, 200], [1552449811000, 200], [1552449826000, 200], [1552449841000, 200], [1552449856000, 200], [1552449871000, 200], [1552449886000, 200], [1552449901000, 200], [1552449916000, 200], [1552449931000, 200], [1552449946000, 200], [1552449961000, 200], [1552449976000, 200], [1552449991000, 200], [1552450006000, 200], [1552450021000, 200], [1552450036000, 200], [1552450051000, 200], [1552450066000, 200], [1552450081000, 200], [1552450096000, 200], [1552450111000, 200], [1552450126000, 200], [1552450141000, 200], [1552450156000, 200], [1552450171000, 200], [1552450186000, 200], [1552450201000, 200], [1552450216000, 200], [1552450231000, 200], [1552450246000, 200], [1552450261000, 200], [1552450276000, 200], [1552450291000, 200], [1552450306000, 200], [1552450321000, 200], [1552450336000, 200], [1552450351000, 200], [1552450366000, 200], [1552450381000, 200], [1552450396000, 200], [1552450411000, 200], [1552450426000, 200], [1552450441000, 200], [1552450456000, 200], [1552450471000, 200], [1552450486000, 200], [1552450501000, 200], [1552450516000, 200], [1552450531000, 200], [1552450546000, 200], [1552450561000, 200] ] }], "tooltip": { "trigger": "axis", "confine": true, transitionDuration: 0, axisPointer: { label: { show: true } } } }; var chart = testHelper.create(echarts, 'main0', { title: [ 'The auto triggered tooltip tip should alway no two data item from one series.' ], option: option, // Should be this width to reproduce the duplicate values // case in tooltip (by `List.indicesOfNearest`) width: 688, height: 200 }); chart.dispatchAction({ type: 'updateAxisPointer', currTrigger: 'mousemove', // This point will reproduct the issue #9829 before 4.4.0 x: 411, y: 130 }); }); </script> <script> var option; require([ 'echarts' ], function (echarts) { var data = [ ['1997-10-4', 1], ['1997-10-5', 1], ['1997-10-5', 2], ['1997-10-6', 2], ['1997-10-7', 2], ['1997-10-8', 2], ['1997-10-8', 1], ['1997-10-10', 1], ['1997-10-9', 2], ['1997-10-10', 2], ['1997-10-11', 2], ['1997-10-12', 2], ['1997-10-12', 1], ['1997-10-13', 1], ['1997-10-13', 2] ]; var data2 = [ ['1997-10-4', 0.2], ['1997-10-5', 0.2], ['1997-10-6', 0.2], ['1997-10-7', 0.2], ['1997-10-8', 0.2], ['1997-10-9', 0.2], ['1997-10-10', 0.2], ['1997-10-11', 0.2], ['1997-10-12', 0.2], ['1997-10-13', 0.2] ]; var data3 = [ ['1997-10-4', true], ['1997-10-5', true], ['1997-10-6', false], ['1997-10-7', false], ['1997-10-8', false], ['1997-10-9', true], ['1997-10-10', true], ['1997-10-11', false], ['1997-10-12', true], ['1997-10-13', true] ]; var option = { tooltip: { trigger: 'axis', transitionDuration: 0, axisPointer: { animation: false } }, xAxis: { type: 'time', axisPointer: { snap: false } }, yAxis: { }, series: [{ type: 'line', data: data }, { type: 'line', data: data2 }, { type: 'line', data: data3 }] }; var chart = testHelper.create(echarts, 'main1', { title: [ 'Two pionts on the same xAxis tick, both of them', 'should be displayed in tooltip', 'and boolean values should be displayed' ], option: option, width: 800, height: 200 }); }); </script> <script> var option; require([ 'echarts' ], function (echarts) { var data = [ ['1997-10-4', 1], ['1997-10-5', 1], ['1997-10-5', 2], ['1997-10-6', 2], ['1997-10-7', 2], ['1997-10-8', 2], ['1997-10-8', 1], ['1997-10-10', 1], ['1997-10-9', 2], ['1997-10-10', 2], ['1997-10-11', 2], ['1997-10-12', 2], ['1997-10-12', 1], ['1997-10-13', 1], ['1997-10-13', 2] ]; var data2 = [ ['1997-10-4', 0.2], ['1997-10-5', 0.2], ['1997-10-6', 0.2], ['1997-10-7', 0.2], ['1997-10-8', 0.2], ['1997-10-9', 0.2], ['1997-10-10', 0.2], ['1997-10-11', 0.2], ['1997-10-12', 0.2], ['1997-10-13', 0.2] ]; var colorList = ['#9E87FF', '#73DDFF', '#fe9a8b', '#F56948', '#9E87FF']; var base = +new Date(2000, 9, 3); var oneDay = 24 * 3600 * 1000; var date = []; var data1 = []; var data2 = []; var data3 = []; for (var j = 1; j < 10; j++) { var now = new Date((base += oneDay)); date.push([now.getFullYear(), now.getMonth() + 1, now.getDate()].join('-')); } for (var i = 1; i < 8; i++) { data1.push(Math.round(Math.random() * 20)); data2.push(Math.round(Math.random() * 20)); data3.push(Math.round(Math.random() * 20)); } option = { backgroundColor: '#fff', title: { text: '利润收支曲线', textStyle: { fontSize: 12, fontWeight: 400, }, left: 'center', top: '5%', show: false, }, legend: { x: 'center', y: 'top', show: true, top: '5%', right: '5%', itemWidth: 6, itemGap: 20, textStyle: { color: '#556677', }, data: ['预估净利润', '实时均价', '目标成本'], }, tooltip: { trigger: 'axis', axisPointer: { label: { show: true, backgroundColor: '#fff', color: '#556677', borderColor: 'rgba(0,0,0,0)', shadowColor: 'rgba(0,0,0,0)', shadowOffsetY: 0, }, lineStyle: { width: 0, }, }, backgroundColor: '#fff', textStyle: { color: '#5c6c7c', }, padding: [10, 10], extraCssText: 'box-shadow: 1px 0 2px 0 rgba(163,163,163,0.5)', }, grid: { top: '15%', y2: 88, }, dataZoom: [ { type: 'inside', start: 0, end: 100, }, { start: 0, end: 100, }, ], xAxis: [ { type: 'category', data: date, axisLine: { show: true, lineStyle: { color: '#DCE2E8', }, }, axisTick: { show: true, }, axisLabel: { interval: 0, textStyle: { color: '#556677', }, // 默认x轴字体大小 fontSize: 12, // margin:文字到x轴的距离 margin: 15, }, axisPointer: { label: { // padding: [11, 5, 7], padding: [0, 0, 10, 0], /* 除了padding[0]建议必须是0之外，其他三项可随意设置 和CSSpadding相同，[上，右，下，左] 如果需要下边线超出文字，设左右padding即可，注：左右padding最好相同 padding[2]的10: 10 = 文字距下边线的距离 + 下边线的宽度 如：UI图中文字距下边线距离为7 下边线宽度为2 则padding: [0, 0, 9, 0] */ // 这里的margin和axisLabel的margin要一致! margin: 15, // 移入时的字体大小 fontSize: 12, backgroundColor: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [ { offset: 0, color: '#fff', // 0% 处的颜色 }, { // offset: 0.9, offset: 0.86, /* 0.86 = （文字 + 文字距下边线的距离）/（文字 + 文字距下边线的距离 + 下边线的宽度） */ color: '#fff', // 0% 处的颜色 }, { offset: 0.86, color: '#33c0cd', // 0% 处的颜色 }, { offset: 1, color: '#33c0cd', // 100% 处的颜色 }, ], global: false, // 缺省为 false }, }, }, splitLine: { show: true, lineStyle: { type: 'dashed', }, }, boundaryGap: false, }, ], yAxis: [ { type: 'value', name: '单位：元', // nameTextStyle: { // color: '#9effff', // }, axisTick: { show: false, }, axisLine: { show: true, lineStyle: { color: '#DCE2E8', }, }, axisLabel: { textStyle: { color: '#556677', }, }, splitLine: { show: true, lineStyle: { type: 'dashed', }, }, }, ], series: [ { name: '预估净利润', type: 'line', data: data1, symbolSize: 1, symbol: 'circle', smooth: true, yAxisIndex: 0, showSymbol: false, lineStyle: { width: 5, // color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [ // { // offset: 0, // color: '#9effff', // }, // { // offset: 1, // color: '#9E87FF', // }, // ]), shadowColor: 'rgba(158,135,255, 0.3)', shadowBlur: 10, shadowOffsetY: 20, }, itemStyle: { normal: { color: colorList[0], borderColor: colorList[0], }, }, markPoint: { symbol: 'pin', //标记(气泡)的图形 symbolSize: 50, //标记(气泡)的大小 itemStyle: { // color: '#4587E7', //图形的颜色。 borderColor: '#000', //图形的描边颜色。支持的颜色格式同 color，不支持回调函数。 borderWidth: 0, //描边线宽。为 0 时无描边。 borderType: 'solid', //柱条的描边类型，默认为实线，支持 ‘solid’, ‘dashed’, ‘dotted’。 }, data: [ { type: 'max', name: '最大值' }, { type: 'min', name: '最小值' }, ], }, markLine: { data: [{ type: 'average', name: '平均值' }], }, }, { name: '实时均价', type: 'line', data: data2, symbolSize: 1, symbol: 'circle', smooth: true, yAxisIndex: 0, showSymbol: false, lineStyle: { width: 5, color: new echarts.graphic.LinearGradient(1, 1, 0, 0, [ { offset: 0, color: '#73DD39', }, { offset: 1, color: '#73DDFF', }, ]), shadowColor: 'rgba(115,221,255, 0.3)', shadowBlur: 10, shadowOffsetY: 20, }, itemStyle: { normal: { color: colorList[1], borderColor: colorList[1], }, }, markPoint: { symbol: 'pin', //标记(气泡)的图形 symbolSize: 50, //标记(气泡)的大小 itemStyle: { color: '#4587E7', //图形的颜色。 borderColor: '#000', //图形的描边颜色。支持的颜色格式同 color，不支持回调函数。 borderWidth: 0, //描边线宽。为 0 时无描边。 borderType: 'solid', //柱条的描边类型，默认为实线，支持 ‘solid’, ‘dashed’, ‘dotted’。 }, data: [ { type: 'max', name: '最大值' }, { type: 'min', name: '最小值' }, ], }, markLine: { data: [{ type: 'average', name: '平均值' }], }, }, { name: '目标成本', type: 'line', data: data3, symbolSize: 1, yAxisIndex: 0, symbol: 'circle', smooth: true, showSymbol: false, lineStyle: { width: 5, color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [ { offset: 0, color: '#fe9a', }, { offset: 1, color: '#fe9a8b', }, ]), shadowColor: 'rgba(254,154,139, 0.3)', shadowBlur: 10, shadowOffsetY: 20, }, itemStyle: { normal: { color: colorList[2], borderColor: colorList[2], }, }, markPoint: { symbol: 'pin', //标记(气泡)的图形 symbolSize: 50, //标记(气泡)的大小 itemStyle: { // color: '#4587E7', //图形的颜色。 borderColor: '#000', //图形的描边颜色。支持的颜色格式同 color，不支持回调函数。 borderWidth: 0, //描边线宽。为 0 时无描边。 borderType: 'solid', //柱条的描边类型，默认为实线，支持 ‘solid’, ‘dashed’, ‘dotted’。 }, data: [ { type: 'max', name: '最大值' }, { type: 'min', name: '最小值' }, ], }, markLine: { data: [{ type: 'average', name: '平均值' }], }, }, ], }; var chart = testHelper.create(echarts, 'main2', { title: [ 'Case from https://github.com/apache/echarts/issues/14841', 'should be displayed in tooltip' ], option: option }); }); </script> <script> var option; require([ 'echarts' ], function (echarts) { option = { tooltip: { trigger: "axis", }, legend: { data: ["Email", "Union Ads", "Video Ads", "Direct", "Search Engine"] }, grid: { left: "3%", right: "4%", bottom: "3%", containLabel: true }, xAxis: { type: "category", boundaryGap: false, data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], axisPointer: { triggerEmphasis: true } }, yAxis: { type: "value", }, series: [ { name: "Email", type: "line", stack: "Total", data: [120, 132, 101, 134, 90, 230, 210], emphasis: { focus: "series", lineStyle: { width: 10 } } }, { name: "Union Ads", type: "line", stack: "Total", data: [220, 182, 191, 234, 290, 330, 310], emphasis: { focus: "series", lineStyle: { width: 10 } } }, { name: "Video Ads", type: "line", stack: "Total", data: [150, 232, 201, 154, 190, 330, 410], emphasis: { focus: "series", lineStyle: { width: 10 } } }, { name: "Direct", type: "line", stack: "Total", data: [320, 332, 301, 334, 390, 330, 320], emphasis: { focus: "series", lineStyle: { width: 10 } } }, { name: "Search Engine", type: "line", stack: "Total", data: [820, 932, 901, 934, 1290, 1330, 1320], emphasis: { focus: "series", lineStyle: { width: 10 } } } ] }; var chart = testHelper.create(echarts, 'main3', { title: [ 'tooltip.axisPointer.triggerEmphasis: true', 'all lines should highlight on mouseover with axis pointer' ], option: option }); }); </script> <script> var option; require([ 'echarts' ], function (echarts) { option = { tooltip: { trigger: "axis", }, legend: { data: ["Email", "Union Ads", "Video Ads", "Direct", "Search Engine"] }, grid: { left: "3%", right: "4%", bottom: "3%", containLabel: true }, xAxis: { type: "category", boundaryGap: false, data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], axisPointer: { triggerEmphasis: false } }, yAxis: { type: "value", }, series: [ { name: "Email", type: "line", stack: "Total", data: [120, 132, 101, 134, 90, 230, 210], emphasis: { focus: "series", lineStyle: { width: 10 } } }, { name: "Union Ads", type: "line", stack: "Total", data: [220, 182, 191, 234, 290, 330, 310], emphasis: { focus: "series", lineStyle: { width: 10 } } }, { name: "Video Ads", type: "line", stack: "Total", data: [150, 232, 201, 154, 190, 330, 410], emphasis: { focus: "series", lineStyle: { width: 10 } } }, { name: "Direct", type: "line", stack: "Total", data: [320, 332, 301, 334, 390, 330, 320], emphasis: { focus: "series", lineStyle: { width: 10 } } }, { name: "Search Engine", type: "line", stack: "Total", data: [820, 932, 901, 934, 1290, 1330, 1320], emphasis: { focus: "series", lineStyle: { width: 10 } } } ] }; var chart = testHelper.create(echarts, 'main4', { title: [ 'tooltip.axisPointer.triggerEmphasis: false', 'lines should only highlight individually on exact mouseover of the line' ], option: option }); }); </script> </body> </html>