{"id":1525,"date":"2019-04-04T13:29:44","date_gmt":"2019-04-04T05:29:44","guid":{"rendered":"http:\/\/170.106.148.50\/?p=1525"},"modified":"2019-04-04T13:31:29","modified_gmt":"2019-04-04T05:31:29","slug":"echarts-x-y-%e9%94%99%e4%bd%8d%e6%8a%98%e7%ba%bf%e5%9b%be","status":"publish","type":"post","link":"https:\/\/www.195440.com\/1525","title":{"rendered":"echarts X \/ Y \u9519\u4f4d\u6298\u7ebf\u56fe"},"content":{"rendered":"<p><iframe style=\"width: 500px; height: 330px; border: none;\" src=\"\/html\/echarts\/echarts-xtime.html\"><\/iframe><\/p>\n<div class=\"dp-highlighter\">\n<div class=\"bar\"><\/div>\n<ol start=\"1\" class=\"dp-c\">\n<li class=\"alt\"><span><span class=\"comment\">\/\/&nbsp;\u6298\u7ebf\u6570\u636e<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span><span class=\"keyword\">var<\/span><span>&nbsp;data&nbsp;=&nbsp;[&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;{&nbsp;name:&nbsp;&#8216;2019\/04\/04&nbsp;08:05:08&#8217;,&nbsp;value:&nbsp;[&#8216;2019\/04\/04&nbsp;08:05:08&#8217;,&nbsp;80]&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;{&nbsp;name:&nbsp;&#8216;2019\/04\/04&nbsp;09:05:08&#8217;,&nbsp;value:&nbsp;[&#8216;2019\/04\/04&nbsp;09:05:08&#8217;,&nbsp;60]&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;{&nbsp;name:&nbsp;&#8216;2019\/04\/04&nbsp;10:18:18&#8217;,&nbsp;value:&nbsp;[&#8216;2019\/04\/04&nbsp;10:18:18&#8217;,&nbsp;90]&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;{&nbsp;name:&nbsp;&#8216;2019\/04\/04&nbsp;11:18:18&#8217;,&nbsp;value:&nbsp;[&#8216;2019\/04\/04&nbsp;11:18:18&#8217;,&nbsp;70]&nbsp;}&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>];&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span><span class=\"comment\">\/\/&nbsp;x&nbsp;\u65f6\u95f4\u8f74\u6570\u636e<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span><span class=\"keyword\">var<\/span><span>&nbsp;anchor&nbsp;=&nbsp;[&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;{&nbsp;name:&nbsp;&#8217;07:00:00&#8242;,&nbsp;value:&nbsp;[&#8216;2019\/04\/04&nbsp;07:00:00&#8217;,&nbsp;0]&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;{&nbsp;name:&nbsp;&#8217;00:00:00&#8242;,&nbsp;value:&nbsp;[&#8216;2019\/04\/04&nbsp;14:00:00&#8217;,&nbsp;0]&nbsp;}&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>];&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span><span class=\"comment\">\/\/&nbsp;\u8be6\u7ec6\u914d\u7f6e<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span><span class=\"keyword\">var<\/span><span>&nbsp;option&nbsp;=&nbsp;{&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;title:&nbsp;{&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;text:&nbsp;&#8216;x&nbsp;\/&nbsp;y&nbsp;\u8f74\u9519\u4f4d\u6298\u7ebf\u56fe&#8217;&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;tooltip:&nbsp;{&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;trigger:&nbsp;&#8216;axis&#8217;,&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;formatter:&nbsp;<span class=\"keyword\">function<\/span><span>&nbsp;(params)&nbsp;{&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;params&nbsp;=&nbsp;params[0];&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"keyword\">var<\/span><span>&nbsp;date&nbsp;=&nbsp;<\/span><span class=\"keyword\">new<\/span><span>&nbsp;Date(params.name);&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"keyword\">return<\/span><span>&nbsp;date.getHours()&nbsp;+&nbsp;&#8216;:&#8217;&nbsp;+&nbsp;date.getMinutes();;&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;axisPointer:&nbsp;{&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;animation:&nbsp;<span class=\"keyword\">false<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;xAxis:&nbsp;{&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;&#8216;time&#8217;,&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;splitLine:&nbsp;{&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show:&nbsp;<span class=\"keyword\">false<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;axisLabel:&nbsp;{&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;formatter:&nbsp;<span class=\"keyword\">function<\/span><span>&nbsp;(val)&nbsp;{&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"keyword\">debugger<\/span><span>;&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"keyword\">var<\/span><span>&nbsp;n&nbsp;=&nbsp;<\/span><span class=\"keyword\">new<\/span><span>&nbsp;Date(val)&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class=\"keyword\">return<\/span><span>&nbsp;n.getHours()&nbsp;+&nbsp;&#8216;:&#8217;&nbsp;+&nbsp;n.getMinutes();&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;splitNumber:&nbsp;12&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;yAxis:&nbsp;{&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;&#8216;value&#8217;,&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;boundaryGap:&nbsp;[0,&nbsp;&#8216;100%&#8217;],&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;splitLine:&nbsp;{&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;show:&nbsp;<span class=\"keyword\">false<\/span><span>&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;series:&nbsp;[{&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;&#8216;\u6a21\u62df\u6570\u636e&#8217;,&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;&#8216;line&#8217;,&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;showSymbol:&nbsp;<span class=\"keyword\">false<\/span><span>,&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;hoverAnimation:&nbsp;<span class=\"keyword\">false<\/span><span>,&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;data&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;{&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;&#8216;anchor&#8217;,&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;&#8216;line&#8217;,&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;showSymbol:&nbsp;<span class=\"keyword\">false<\/span><span>,&nbsp;&nbsp;<\/span><\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;anchor,&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;&nbsp;&nbsp;itemStyle:&nbsp;{&nbsp;normal:&nbsp;{&nbsp;opacity:&nbsp;0&nbsp;}&nbsp;},&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>&nbsp;&nbsp;&nbsp;&nbsp;lineStyle:&nbsp;{&nbsp;normal:&nbsp;{&nbsp;opacity:&nbsp;0&nbsp;}&nbsp;}&nbsp;&nbsp;<\/span><\/li>\n<li class=\"\"><span>&nbsp;&nbsp;}]&nbsp;&nbsp;<\/span><\/li>\n<li class=\"alt\"><span>};&nbsp;&nbsp;<\/span><\/li>\n<\/ol>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\/\/&nbsp;\u6298\u7ebf\u6570\u636e&nbsp;&nbsp; var&nbsp;data&nbsp;=&nbsp;[&nbsp;&nbsp; &nbsp;&nbsp;{&nbsp;name:&nbsp;&#8216;2019\/04\/04&nbsp;08:05:08&#8217;,&nbsp;value:&nbsp;[&#8216;2019\/04\/04&nbsp;08:05:08&#8217;,&nbsp;80]&nbsp;},&nbsp;&nbsp; &nbsp;&nbsp;{&nbsp;name:&nbsp;&#8216;2019\/04\/04&nbsp;09:05:08&#8217;,&nbsp;val &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"_links":{"self":[{"href":"https:\/\/www.195440.com\/wp-json\/wp\/v2\/posts\/1525"}],"collection":[{"href":"https:\/\/www.195440.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.195440.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.195440.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.195440.com\/wp-json\/wp\/v2\/comments?post=1525"}],"version-history":[{"count":5,"href":"https:\/\/www.195440.com\/wp-json\/wp\/v2\/posts\/1525\/revisions"}],"predecessor-version":[{"id":1530,"href":"https:\/\/www.195440.com\/wp-json\/wp\/v2\/posts\/1525\/revisions\/1530"}],"wp:attachment":[{"href":"https:\/\/www.195440.com\/wp-json\/wp\/v2\/media?parent=1525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.195440.com\/wp-json\/wp\/v2\/categories?post=1525"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.195440.com\/wp-json\/wp\/v2\/tags?post=1525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}