var xilanZ = ["313", "315", "316", "317", "318", "319", "320", "321", "322", "323", "324", "325", "326", "327", "328", "329", "330", "331", "332", "333", "334", "335", "336", "337", "338", "339", "340", "341", "342", "343", "344", "345", "346", "347", "348", "349", "350", "351", "352", "382", "383", "384", "385", "386", "387", "388", "389", "390", "391", "392", "393", "394", "403", "404", "405", "406", "407", "408", "409", "410", "411", "412", "413", "414", "415", "416", "417", "418", "419", "420", "421", "422", "423", "424", "425", "426", "427", "428", "429", "430", "431", "432", "433", "434", "435", "436", "437", "438", "439", "440", "441", "442", "443", "444", "445", "446", "447", "448", "449", "450", "451", "452", "453", "454", "455", "456", "457", "458", "459", "460", "461", "462", "463", "464", "465", "466", "467", "468", "469", "470", "471", "472", "473", "474", "475", "476", "477", "478", "479", "480", "481", "482", "483", "484", "485", "486", "487", "488", "489", "490", "491", "492", "493", "494", "495", "496", "497", "498", "499", "500", "501", "502", "503", "504", "505", "506", "507", "508", "509", "510", "511", "512", "513", "514", "515", "516", "517", "518", "519", "520", "521", "522", "523"], yaxis_data = ["2023-03-07 00:00:00", "2023-03-07 01:00:00", "2023-03-07 02:00:00", "2023-03-07 03:00:00", "2023-03-07 04:00:00", "2023-03-07 05:00:00", "2023-03-07 06:00:00", "2023-03-07 07:00:00", "2023-03-07 08:00:00", "2023-03-07 09:00:00", "2023-03-07 10:00:00", "2023-03-07 11:00:00", "2023-03-07 12:00:00", "2023-03-07 13:00:00", "2023-03-07 14:00:00", "2023-03-07 15:00:00", "2023-03-07 16:00:00", "2023-03-07 17:00:00", "2023-03-07 18:00:00", "2023-03-07 19:00:00", "2023-03-07 20:00:00", "2023-03-07 21:00:00", "2023-03-07 22:00:00", "2023-03-07 23:00:00", "2023-03-08 00:00:00", "2023-03-08 01:00:00", "2023-03-08 02:00:00", "2023-03-08 03:00:00", "2023-03-08 04:00:00", "2023-03-08 05:00:00", "2023-03-08 06:00:00", "2023-03-08 07:00:00", "2023-03-08 08:00:00", "2023-03-08 09:00:00", "2023-03-08 10:00:00", "2023-03-08 11:00:00", "2023-03-08 12:00:00", "2023-03-08 13:00:00", "2023-03-08 14:00:00", "2023-03-08 15:00:00", "2023-03-08 16:00:00", "2023-03-08 17:00:00", "2023-03-08 18:00:00", "2023-03-08 19:00:00", "2023-03-08 20:00:00", "2023-03-08 21:00:00", "2023-03-08 22:00:00", "2023-03-08 23:00:00", "2023-03-09 00:00:00", "2023-03-09 01:00:00", "2023-03-09 02:00:00", "2023-03-09 03:00:00", "2023-03-09 04:00:00", "2023-03-09 05:00:00", "2023-03-09 06:00:00", "2023-03-09 07:00:00", "2023-03-09 08:00:00", "2023-03-09 09:00:00", "2023-03-09 10:00:00", "2023-03-09 11:00:00", "2023-03-09 12:00:00", "2023-03-09 13:00:00", "2023-03-09 14:00:00", "2023-03-09 15:00:00", "2023-03-09 16:00:00", "2023-03-09 17:00:00", "2023-03-09 18:00:00", "2023-03-09 19:00:00", "2023-03-09 20:00:00", "2023-03-09 21:00:00", "2023-03-09 22:00:00", "2023-03-09 23:00:00", "2023-03-10 00:00:00", "2023-03-10 01:00:00", "2023-03-10 02:00:00", "2023-03-10 03:00:00", "2023-03-10 04:00:00", "2023-03-10 05:00:00", "2023-03-10 06:00:00", "2023-03-10 07:00:00", "2023-03-10 08:00:00", "2023-03-10 09:00:00", "2023-03-10 10:00:00", "2023-03-10 11:00:00", "2023-03-10 12:00:00", "2023-03-10 13:00:00", "2023-03-10 14:00:00", "2023-03-10 15:00:00", "2023-03-10 16:00:00", "2023-03-10 17:00:00", "2023-03-10 18:00:00", "2023-03-10 19:00:00", "2023-03-10 20:00:00", "2023-03-10 21:00:00", "2023-03-10 22:00:00", "2023-03-10 23:00:00", "2023-03-11 00:00:00", "2023-03-11 01:00:00", "2023-03-11 02:00:00", "2023-03-11 03:00:00", "2023-03-11 04:00:00", "2023-03-11 05:00:00", "2023-03-11 06:00:00", "2023-03-11 07:00:00", "2023-03-11 08:00:00", "2023-03-11 09:00:00", "2023-03-11 10:00:00", "2023-03-11 11:00:00", "2023-03-11 12:00:00", "2023-03-11 13:00:00", "2023-03-11 14:00:00", "2023-03-11 15:00:00", "2023-03-11 16:00:00", "2023-03-11 17:00:00", "2023-03-11 18:00:00", "2023-03-11 19:00:00", "2023-03-11 20:00:00", "2023-03-11 21:00:00", "2023-03-11 22:00:00", "2023-03-11 23:00:00", "2023-03-12 00:00:00", "2023-03-12 01:00:00", "2023-03-12 02:00:00", "2023-03-12 03:00:00", "2023-03-12 04:00:00", "2023-03-12 05:00:00", "2023-03-12 06:00:00", "2023-03-12 07:00:00", "2023-03-12 08:00:00", "2023-03-12 09:00:00", "2023-03-12 10:00:00", "2023-03-12 11:00:00", "2023-03-12 12:00:00", "2023-03-12 13:00:00", "2023-03-12 14:00:00", "2023-03-12 15:00:00", "2023-03-12 16:00:00", "2023-03-12 17:00:00", "2023-03-12 18:00:00", "2023-03-12 19:00:00", "2023-03-12 20:00:00", "2023-03-12 21:00:00", "2023-03-12 22:00:00", "2023-03-12 23:00:00", "2023-03-13 00:00:00", "2023-03-13 01:00:00", "2023-03-13 02:00:00", "2023-03-13 03:00:00", "2023-03-13 04:00:00", "2023-03-13 05:00:00", "2023-03-13 06:00:00", "2023-03-13 07:00:00", "2023-03-13 08:00:00", "2023-03-13 09:00:00", "2023-03-13 10:00:00", "2023-03-13 11:00:00", "2023-03-13 12:00:00", "2023-03-13 13:00:00", "2023-03-13 14:00:00", "2023-03-13 15:00:00", "2023-03-13 16:00:00", "2023-03-13 17:00:00", "2023-03-13 18:00:00", "2023-03-13 19:00:00", "2023-03-13 20:00:00", "2023-03-13 21:00:00", "2023-03-13 22:00:00", "2023-03-13 23:00:00"], series_data = [], bws = ["69", "70", "71", "75", "77", "78", "79", "80", "81", "82", "83"], bw_length_guiyi = ["5.20", "5.78", "11.56", "7.51", "10.40", "9.25", "10.98", "9.83", "10.40", "9.83", "9.25"], bw_lanzhuang = [["313", "69"], ["315", "69"], ["316", "69"], ["317", "69"], ["318", "69"], ["319", "69"], ["320", "69"], ["321", "69"], ["322", "69"], ["323", "70"], ["324", "70"], ["325", "70"], ["326", "70"], ["327", "70"], ["328", "70"], ["329", "70"], ["330", "70"], ["331", "70"], ["332", "70"], ["333", "71"], ["334", "71"], ["335", "71"], ["336", "71"], ["337", "71"], ["338", "71"], ["339", "71"], ["340", "71"], ["341", "71"], ["342", "71"], ["343", "71"], ["344", "71"], ["345", "71"], ["346", "71"], ["347", "71"], ["348", "71"], ["349", "71"], ["350", "71"], ["351", "71"], ["352", "71"], ["382", "75"], ["383", "75"], ["384", "75"], ["385", "75"], ["386", "75"], ["387", "75"], ["388", "75"], ["389", "75"], ["390", "75"], ["391", "75"], ["392", "75"], ["393", "75"], ["394", "75"], ["403", "77"], ["404", "77"], ["405", "77"], ["406", "77"], ["407", "77"], ["408", "77"], ["409", "77"], ["410", "77"], ["411", "77"], ["412", "77"], ["413", "77"], ["414", "77"], ["415", "77"], ["416", "77"], ["417", "77"], ["418", "77"], ["419", "77"], ["420", "77"], ["421", "78"], ["422", "78"], ["423", "78"], ["424", "78"], ["425", "78"], ["426", "78"], ["427", "78"], ["428", "78"], ["429", "78"], ["430", "78"], ["431", "78"], ["432", "78"], ["433", "78"], ["434", "78"], ["435", "78"], ["436", "78"], ["437", "79"], ["438", "79"], ["439", "79"], ["440", "79"], ["441", "79"], ["442", "79"], ["443", "79"], ["444", "79"], ["445", "79"], ["446", "79"], ["447", "79"], ["448", "79"], ["449", "79"], ["450", "79"], ["451", "79"], ["452", "79"], ["453", "79"], ["454", "79"], ["455", "79"], ["456", "80"], ["457", "80"], ["458", "80"], ["459", "80"], ["460", "80"], ["461", "80"], ["462", "80"], ["463", "80"], ["464", "80"], ["465", "80"], ["466", "80"], ["467", "80"], ["468", "80"], ["469", "80"], ["470", "80"], ["471", "80"], ["472", "80"], ["473", "81"], ["474", "81"], ["475", "81"], ["476", "81"], ["477", "81"], ["478", "81"], ["479", "81"], ["480", "81"], ["481", "81"], ["482", "81"], ["483", "81"], ["484", "81"], ["485", "81"], ["486", "81"], ["487", "81"], ["488", "81"], ["489", "81"], ["490", "81"], ["491", "82"], ["492", "82"], ["493", "82"], ["494", "82"], ["495", "82"], ["496", "82"], ["497", "82"], ["498", "82"], ["499", "82"], ["500", "82"], ["501", "82"], ["502", "82"], ["503", "82"], ["504", "82"], ["505", "82"], ["506", "82"], ["507", "82"], ["508", "83"], ["509", "83"], ["510", "83"], ["511", "83"], ["512", "83"], ["513", "83"], ["514", "83"], ["515", "83"], ["516", "83"], ["517", "83"], ["518", "83"], ["519", "83"], ["520", "83"], ["521", "83"], ["522", "83"], ["523", "83"]], overview = [ { "date": "2023-03-06", "tide_time1": "03:47", "tide_time2": "10:30", "tide_time3": "16:28", "tide_time4": "21:31", "tide_height1": "1.6", "tide_height2": "0.3", "tide_height3": "1.3", "tide_height4": "0.6", "tide_lowhigh1": "高潮一", "tide_lowhigh2": "低潮二", "tide_lowhigh3": "高潮三", "tide_lowhigh4": "低潮四" }, { "date": "2023-03-7", "tide_time1": "04:23", "tide_time2": "11:35", "tide_time3": "17:20", "tide_time4": "21:54", "tide_height1": "1.6", "tide_height2": "0.4", "tide_height3": "1.1", "tide_height4": "0.7", "tide_lowhigh1": "高潮一", "tide_lowhigh2": "低潮二", "tide_lowhigh3": "高潮三", "tide_lowhigh4": "低潮四" }, { "date": "2023-03-08", "tide_time1": "05:04", "tide_time2": "12:49", "tide_time3": "18:31", "tide_time4": "22:25", "tide_height1": "1.5", "tide_height2": "0.4", "tide_height3": "1.0", "tide_height4": "0.8", "tide_lowhigh1": "高潮一", "tide_lowhigh2": "低潮二", "tide_lowhigh3": "高潮三", "tide_lowhigh4": "低潮四" }, { "date": "2023-03-09", "tide_time1": "05:57", "tide_time2": "14:07", "tide_time3": "21:13", "tide_time4": "23:11", "tide_height1": "1.4", "tide_height2": "0.5", "tide_height3": "1.0", "tide_height4": "0.9", "tide_lowhigh1": "高潮一", "tide_lowhigh2": "低潮二", "tide_lowhigh3": "高潮三", "tide_lowhigh4": "低潮四" }], rowscb = [ { "ywcm": "JI ZHE 1", "cbhh": "3E2172", "eta": "2023-03-13 10:00:00", "dgbz": "Y", "etd": "2023-03-14 10:00:00", "cimo": "UN8593455", "ckhc": "2303E", "cmdm": "JJ1", "jkhc": "2302W", "zwcm": "吉浙1", "bwdm1": "XI7" }, { "ywcm": "LISBOA 1", "cbhh": "VRRO7++", "eta": "2023-03-12 00:00:00", "dgbz": "Y", "etd": "2023-03-13 00:00:00", "cimo": "UN9389291", "ckhc": "2302N", "cmdm": "OPZ", "jkhc": "2302S", "zwcm": "瑞洋里斯本", "bwdm1": "XI7" }, { "cimo": "UN9704594", "wldm": "392", "ckhc": "2310E", "jkhc": "2309W", "bwdm1": "75", "ywcm": "MILD TUNE", "cbhh": "VROS2", "eta": "2023-03-11 16:00:00", "dgbz": "E", "etd": "2023-03-12 11:00:00", "sldm": "383", "cmdm": "TDL", "zwcm": "通律" }, { "cimo": "UN9360269", "wldm": "430", "sjlgsj": "2023-03-09 14:10:00", "ckhc": "005S", "jkhc": "005SI", "bwdm1": "78", "ywcm": "MARINA ONE", "cbhh": "5BEX4", "eta": "2023-03-08 19:00:00", "sjdgsj": "2023-03-08 19:02:00", "dgbz": "L", "etd": "2023-03-09 16:00:00", "sldm": "417", "cmdm": "OML", "zwcm": "海洋网联玛里纳" }, { "cimo": "UN9546241", "wldm": "391", "ckhc": "029E", "jkhc": "028W", "bwdm1": "75", "ywcm": "GUANG PING", "cbhh": "VREU7", "eta": "2023-03-11 00:00:00", "dgbz": "E", "etd": "2023-03-11 12:00:00", "sldm": "383", "cmdm": "HIJ", "zwcm": "山港荣耀" }, { "cimo": "UN9343675", "wldm": "392", "ckhc": "2310E", "jkhc": "2309W", "bwdm1": "75", "ywcm": "PACANDA", "cbhh": "V2CO6", "eta": "2023-03-10 04:00:00", "sjdgsj": "2023-03-10 02:48:00", "dgbz": "Y", "etd": "2023-03-10 16:00:00", "sldm": "383", "cmdm": "SDZ", "zwcm": "山港蛟龙" }, { "cimo": "UN9161819", "wldm": "473", "ckhc": "534E", "jkhc": "533W", "bwdm1": "80", "ywcm": "VICTORY HONOR", "cbhh": "3FLA4", "eta": "2023-03-11 02:00:00", "dgbz": "E", "etd": "2023-03-11 09:00:00", "sldm": "465", "cmdm": "HVI", "zwcm": "乌江" }, { "cimo": "UN9321029", "wldm": "447", "ckhc": "310S", "jkhc": "306NI", "bwdm1": "79", "ywcm": "PRESTIGE", "cbhh": "V7A5227", "eta": "2023-03-09 19:00:00", "sjdgsj": "2023-03-09 19:02:00", "dgbz": "Y", "etd": "2023-03-10 23:00:00", "sldm": "430", "cmdm": "PYG", "zwcm": "威望" }, { "cimo": "UN9850795", "wldm": "470", "ckhc": "1100E", "jkhc": "W0100", "bwdm1": "80", "ywcm": "EVER FIT", "cbhh": "3FNL4", "eta": "2023-03-09 07:00:00", "dgbz": "E", "etd": "2023-03-10 15:00:00", "sldm": "450", "cmdm": "EXF", "zwcm": "长沛" }, { "cimo": "UN9867841", "wldm": "516", "sjlgsj": "2023-03-08 10:01:00", "ckhc": "0MEELW", "jkhc": "0REDQE", "bwdm1": "82", "ywcm": "CMA CGM ARCTIC", "cbhh": "9HA5601", "eta": "2023-03-07 11:00:00", "sjdgsj": "2023-03-07 11:08:00", "dgbz": "L", "etd": "2023-03-08 13:00:00", "sldm": "495", "cmdm": "KTQ", "zwcm": "达飞阿克提克" }, { "cimo": "UN9202235", "wldm": "326", "sjlgsj": "2023-03-09 05:40:00", "ckhc": "344B", "jkhc": "A344", "bwdm1": "69", "ywcm": "UNI-PROBITY", "cbhh": "H3YK", "eta": "2023-03-08 23:00:00", "sjdgsj": "2023-03-08 21:53:00", "dgbz": "L", "etd": "2023-03-09 09:00:00", "sldm": "315", "cmdm": "UPY", "zwcm": "立诚" }, { "cimo": "UN9784130", "wldm": "430", "sjlgsj": "2023-03-08 14:02:00", "ckhc": "0683S", "jkhc": "N057", "bwdm1": "78", "ywcm": "EVER BRAVE", "cbhh": "3FEB", "eta": "2023-03-08 04:00:00", "sjdgsj": "2023-03-08 04:14:00", "dgbz": "L", "etd": "2023-03-08 17:00:00", "sldm": "417", "cmdm": "VVB", "zwcm": "长佳" }, { "cimo": "UN9196981", "wldm": "461", "ckhc": "0668S", "jkhc": "159S", "bwdm1": "79", "ywcm": "ITAL UNICA", "cbhh": "IBSM", "eta": "2023-03-11 14:00:00", "dgbz": "E", "etd": "2023-03-12 10:00:00", "sldm": "443", "cmdm": "UCA", "zwcm": "意珍" }, { "cimo": "UN9388417", "wldm": "335", "ckhc": "2309E", "jkhc": "2309W", "bwdm1": "70", "ywcm": "ATLANTIC PIONEER", "cbhh": "D5RR5", "eta": "2023-03-08 14:00:00", "dgbz": "E", "etd": "2023-03-09 05:00:00", "sldm": "327", "cmdm": "XCV", "zwcm": "兴亚春天" }, { "cimo": "UN9410296", "wldm": "434", "ckhc": "0016S", "jkhc": "0015N", "bwdm1": "78", "ywcm": "AS SUSANNA", "cbhh": "D5PZ5", "eta": "2023-03-12 15:00:00", "dgbz": "E", "etd": "2023-03-13 07:00:00", "sldm": "423", "cmdm": "AZS", "zwcm": "韩新苏珊娜" }, { "cimo": "UN9550345", "wldm": "345", "ckhc": "2303S", "jkhc": "2302N", "bwdm1": "71", "ywcm": "JAN", "cbhh": "V2HI4", "eta": "2023-03-13 13:00:00", "dgbz": "E", "etd": "2023-03-14 03:00:00", "sldm": "334", "cmdm": "JAE", "zwcm": "森罗简岸" }, { "cimo": "UN9208186", "wldm": "345", "ckhc": "S495", "jkhc": "N494", "bwdm1": "71", "ywcm": "WAN HAI 235", "cbhh": "BLBP", "eta": "2023-03-12 08:00:00", "dgbz": "E", "etd": "2023-03-12 19:00:00", "sldm": "333", "cmdm": "W35", "zwcm": "民春" }, { "cimo": "UN9666871", "wldm": "413", "ckhc": "2311S", "jkhc": "2309N", "bwdm1": "77", "ywcm": "MILD JAZZ", "cbhh": "VRNW8", "eta": "2023-03-14 05:00:00", "dgbz": "E", "etd": "2023-03-14 22:00:00", "sldm": "404", "cmdm": "JZZ", "zwcm": "通爵" }, { "cimo": "UN9778818", "wldm": "518", "sjlgsj": "2023-03-10 02:48:00", "ckhc": "310W", "jkhc": "304EI", "bwdm1": "82", "ywcm": "MOSCOW MAERSK", "cbhh": "OWCM2", "eta": "2023-03-08 23:00:00", "sjdgsj": "2023-03-08 23:14:00", "dgbz": "L", "etd": "2023-03-10 04:00:00", "sldm": "493", "cmdm": "WSO", "zwcm": "莫斯科马士基" }, { "cimo": "UN9525352", "wldm": "449", "sjlgsj": "2023-03-09 06:29:00", "ckhc": "310W", "jkhc": "305EI", "bwdm1": "79", "ywcm": "MAERSK CAPE TOWN", "cbhh": "9V9558", "eta": "2023-03-08 16:00:00", "sjdgsj": "2023-03-08 14:32:00", "dgbz": "L", "etd": "2023-03-09 09:00:00", "sldm": "434", "cmdm": "MCQ", "zwcm": "马士基开普敦" }, { "cimo": "UN9760287", "wldm": "326", "ckhc": "0098S", "jkhc": "0097N", "bwdm1": "69", "ywcm": "HEUNG-A BANGKOK", "cbhh": "V7TP6", "eta": "2023-03-14 12:00:00", "dgbz": "E", "etd": "2023-03-15 01:00:00", "sldm": "315", "cmdm": "HGB", "zwcm": "兴亚曼谷" }, { "cimo": "UN9545003", "wldm": "336", "sjlgsj": "2023-03-08 15:11:00", "ckhc": "2303E", "jkhc": "2302N", "bwdm1": "70", "ywcm": "STAR PIONEER", "cbhh": "V7UP8", "eta": "2023-03-08 08:00:00", "sjdgsj": "2023-03-08 08:01:00", "dgbz": "L", "etd": "2023-03-08 16:00:00", "sldm": "327", "cmdm": "PEE", "zwcm": "南星开拓" }, { "cimo": "UN9754783", "wldm": "335", "sjlgsj": "2023-03-09 03:34:00", "ckhc": "2306S", "jkhc": "2305W", "bwdm1": "70", "ywcm": "STAR CHALLENGER", "cbhh": "D7CH", "eta": "2023-03-08 18:00:00", "sjdgsj": "2023-03-08 18:28:00", "dgbz": "L", "etd": "2023-03-09 07:00:00", "sldm": "326", "cmdm": "LLR", "zwcm": "南星挑战" }, { "cimo": "UN9226827", "wldm": "485", "sjlgsj": "2023-03-08 01:01:00", "ckhc": "2310E", "jkhc": "2309W", "bwdm1": "81", "ywcm": "EASLINE KWANGYANG", "cbhh": "HOLT", "eta": "2023-03-07 18:00:00", "sjdgsj": "2023-03-07 18:15:00", "dgbz": "L", "etd": "2023-03-08 03:00:00", "sldm": "473", "cmdm": "EKG", "zwcm": "大通光洋" }, { "cimo": "UN9292230", "wldm": "344", "sjlgsj": "2023-03-07 21:32:00", "ckhc": "9001W", "jkhc": "9001", "bwdm1": "71", "ywcm": "BEIJING BRIDGE", "cbhh": "H8FE", "eta": "2023-03-07 13:00:00", "sjdgsj": "2023-03-07 13:40:00", "dgbz": "L", "etd": "2023-03-07 22:00:00", "sldm": "327", "cmdm": "BXB", "zwcm": "长锦新罗西斯克" }, { "cimo": "UN9330070", "wldm": "493", "ckhc": "2310W", "jkhc": "2249E", "bwdm1": "81", "ywcm": "LUANDA EXPRESS", "cbhh": "D5MK9", "eta": "2023-03-10 21:00:00", "dgbz": "E", "etd": "2023-03-11 23:00:00", "sldm": "474", "cmdm": "LHF", "zwcm": "罗安达快航" }, { "cimo": "UN9402641", "wldm": "327", "sjlgsj": "2023-03-08 10:10:00", "ckhc": "308S", "jkhc": "308SI", "bwdm1": "69", "ywcm": "SEASPAN GUAYAQUIL", "cbhh": "VRGI8", "eta": "2023-03-08 07:00:00", "sjdgsj": "2023-03-08 06:51:00", "dgbz": "L", "etd": "2023-03-08 12:00:00", "sldm": "315", "cmdm": "PGY", "zwcm": "西斯潘盖亚" }, { "cimo": "UN9338058", "wldm": "345", "ckhc": "309S", "jkhc": "309SI", "bwdm1": "71", "ywcm": "ARCHER", "cbhh": "A8LN2", "eta": "2023-03-14 05:00:00", "dgbz": "E", "etd": "2023-03-14 13:00:00", "sldm": "331", "cmdm": "AJY", "zwcm": "海陆射手" }, { "cimo": "UN9894662", "wldm": "428", "sjlgsj": "2023-03-09 22:37:00", "ckhc": "309S", "jkhc": "309SI", "bwdm1": "78", "ywcm": "MAERSK NUSSFJORD", "cbhh": "3EEM5", "eta": "2023-03-09 16:00:00", "sjdgsj": "2023-03-09 15:29:00", "dgbz": "L", "etd": "2023-03-09 23:00:00", "sldm": "417", "cmdm": "NFJ", "zwcm": "马士基纳斯乔德" }, { "cimo": "5200550817", "wldm": "476", "sjlgsj": "2023-03-08 15:15:00", "ckhc": "1421E", "jkhc": "1421W", "bwdm1": "81", "ywcm": "SHITAI598", "eta": "2023-03-07 20:00:00", "sjdgsj": "2023-03-08 04:00:00", "dgbz": "L", "etd": "2023-03-08 01:00:00", "sldm": "473", "cmdm": "ST5", "zwcm": "仕泰598" }, { "cimo": "UN9383534", "wldm": "342", "ckhc": "2304S", "jkhc": "2303W", "bwdm1": "71", "ywcm": "SHECAN", "cbhh": "D7WF", "eta": "2023-03-14 14:00:00", "dgbz": "E", "etd": "2023-03-15 04:00:00", "sldm": "333", "cmdm": "ECN", "zwcm": "南星伊能" }, { "cimo": "3702550051", "wldm": "468", "sjlgsj": "2023-03-09 05:33:00", "ckhc": "2333", "jkhc": "2332", "bwdm1": "80", "ywcm": "YONGXIN29", "cbhh": "BQVE", "eta": "2023-03-08 18:00:00", "sjdgsj": "2023-03-08 18:28:00", "dgbz": "L", "etd": "2023-03-09 05:00:00", "sldm": "460", "cmdm": "I29", "zwcm": "永信29" }, { "cimo": "3702550051", "wldm": "433", "ckhc": "2335", "jkhc": "2334", "bwdm1": "78", "ywcm": "YONGXIN29", "cbhh": "BQVE", "eta": "2023-03-11 02:00:00", "dgbz": "E", "etd": "2023-03-11 13:00:00", "sldm": "425", "cmdm": "I29", "zwcm": "永信29" }, { "cimo": "UN9365685", "wldm": "323", "ckhc": "2310E", "jkhc": "2309W", "bwdm1": "69", "ywcm": "NAWATA BHUM", "cbhh": "S6BK9", "eta": "2023-03-10 12:00:00", "dgbz": "E", "etd": "2023-03-11 07:00:00", "sldm": "313", "cmdm": "SNV", "zwcm": "中外运瑞泰" }, { "cimo": "UN9248124", "wldm": "421", "ckhc": "0XW2DS", "jkhc": "0XL20N", "bwdm1": "77", "ywcm": "CMA CGM PUGET", "cbhh": "CQIZ8", "eta": "2023-03-12 17:00:00", "dgbz": "E", "etd": "2023-03-13 07:00:00", "sldm": "404", "cmdm": "CPX", "zwcm": "正利普吉特" }, { "cimo": "UN9363390", "wldm": "345", "sjlgsj": "2023-03-08 06:17:00", "ckhc": "0XKDBS", "jkhc": "0XKD6N", "bwdm1": "71", "ywcm": "LEO PERDANA", "cbhh": "3ENH8", "eta": "2023-03-07 23:00:00", "sjdgsj": "2023-03-07 23:12:00", "dgbz": "L", "etd": "2023-03-08 07:00:00", "sldm": "333", "cmdm": "LED", "zwcm": "国立" }, { "cimo": "UN9234123", "wldm": "345", "ckhc": "0AR8FS", "jkhc": "0AR8AN", "bwdm1": "71", "ywcm": "APL PUSAN", "cbhh": "S6HU5", "eta": "2023-03-11 07:00:00", "dgbz": "E", "etd": "2023-03-11 19:00:00", "sldm": "332", "cmdm": "ZPU", "zwcm": "美总釜山" }, { "cimo": "UN9784154", "wldm": "417", "sjlgsj": "2023-03-09 15:50:00", "ckhc": "0119S", "jkhc": "N068", "bwdm1": "77", "ywcm": "EVER BREED", "cbhh": "H3BV", "eta": "2023-03-09 00:00:00", "sjdgsj": "2023-03-09 00:09:00", "dgbz": "L", "etd": "2023-03-09 19:00:00", "sldm": "404", "cmdm": "EVB", "zwcm": "长育" }, { "ywcm": "WU ZHOU GLORY", "cbhh": "3E2132", "eta": "2023-03-08 07:00:00", "sjdgsj": "2023-03-08 19:10:00", "dgbz": "Y", "etd": "2023-03-08 19:00:00", "cimo": "UN9349473", "ckhc": "2305N", "cmdm": "WZU", "jkhc": "2304S", "zwcm": "五洲荣耀", "bwdm1": "XI6" }, { "ywcm": "ULISS", "cbhh": "UBIH2", "eta": "2023-03-13 00:00:00", "dgbz": "Y", "etd": "2023-03-15 00:00:00", "cimo": "UN8913045", "ckhc": "2302N", "cmdm": "YLS", "jkhc": "2302S", "zwcm": "尤利斯", "bwdm1": "XI7" }, { "cimo": "UN9200823", "wldm": "467", "ckhc": "W043", "jkhc": "E042", "bwdm1": "80", "ywcm": "INTERASIA INSPIRATION", "cbhh": "VRMW7", "eta": "2023-03-13 05:00:00", "dgbz": "E", "etd": "2023-03-13 19:00:00", "sldm": "449", "cmdm": "XXD", "zwcm": "新达轮" }, { "cimo": "UN9772228", "wldm": "335", "sjlgsj": "2023-03-10 08:00:00", "ckhc": "2303S", "jkhc": "2302N", "bwdm1": "70", "ywcm": "KMTC BANGKOK", "cbhh": "D5ML2", "eta": "2023-03-09 23:00:00", "sjdgsj": "2023-03-09 22:22:00", "dgbz": "L", "etd": "2023-03-10 10:00:00", "sldm": "324", "cmdm": "BKQ", "zwcm": "高丽曼谷" }, { "ywcm": "RUI NENG 8", "cbhh": "VRUH4", "eta": "2023-03-08 05:00:00", "dgbz": "Y", "etd": "2023-03-09 05:00:00", "cimo": "UN9946178", "ckhc": "2308", "cmdm": "RIF", "jkhc": "2307", "zwcm": "瑞能8", "bwdm1": "XI7" }, { "ywcm": "FS IPANEMA +", "cbhh": "A8PT6 +", "eta": "2023-03-08 09:43:00", "sjdgsj": "2023-03-07 18:58:00", "dgbz": "Y", "etd": "2023-03-09 09:43:00", "cimo": "UN9433145", "ckhc": "HK309N", "cmdm": "FEP", "jkhc": "HK309S", "zwcm": "远东莫斯科", "bwdm1": "XI8" }, { "cimo": "UN9629079", "wldm": "450", "ckhc": "1055E", "jkhc": "W0566", "bwdm1": "79", "ywcm": "EVER LISSOME", "cbhh": "2HDG3", "eta": "2023-03-10 07:00:00", "dgbz": "E", "etd": "2023-03-11 05:00:00", "sldm": "429", "cmdm": "EYO", "zwcm": "长通" }, { "cimo": "UN9946348", "wldm": "336", "ckhc": "23003S", "jkhc": "23002N", "bwdm1": "70", "ywcm": "TS GUANGZHOU", "cbhh": "V7A5825", "eta": "2023-03-14 15:00:00", "dgbz": "E", "etd": "2023-03-15 03:00:00", "sldm": "325", "cmdm": "TFN", "zwcm": "德翔广州" }, { "cimo": "UN9158745", "wldm": "421", "ckhc": "2309E", "jkhc": "2308W", "bwdm1": "77", "ywcm": "HONOR OCEAN", "cbhh": "3E3839", "eta": "2023-03-10 19:00:00", "dgbz": "E", "etd": "2023-03-11 05:00:00", "sldm": "413", "cmdm": "HIU", "zwcm": "荣海" }, { "cimo": "UN9929261", "wldm": "345", "ckhc": "0025E", "jkhc": "0024W", "bwdm1": "71", "ywcm": "PROACTIVE EARTH", "cbhh": "5LCG5", "eta": "2023-03-14 16:00:00", "dgbz": "E", "etd": "2023-03-15 04:00:00", "sldm": "336", "cmdm": "PDH", "zwcm": "神鹏岛" }, { "cimo": "UN9626417", "wldm": "345", "ckhc": "2303S", "jkhc": "2302N", "bwdm1": "71", "ywcm": "KMTC SHENZHEN", "cbhh": "D7UC", "eta": "2023-03-12 21:00:00", "dgbz": "E", "etd": "2023-03-13 11:00:00", "sldm": "332", "cmdm": "KSZ", "zwcm": "高丽深圳" }, { "cimo": "UN9839284", "wldm": "518", "ckhc": "FJ310W", "jkhc": "FJ304E", "bwdm1": "82", "ywcm": "MSC ARINA", "cbhh": "H9BV", "eta": "2023-03-10 09:00:00", "dgbz": "E", "etd": "2023-03-13 06:00:00", "sldm": "494", "cmdm": "RXI", "zwcm": "地中海阿林娜" }], data_s = [], tide_s = [], tide_d = []; rowscb.forEach((f) => { let data1 = [] if (f.sjdgsj) { if (f.sjlgsj) { data1.push(timecorrect(f.sjdgsj)); data1.push(timecorrect(f.sjlgsj)); } else { data1.push(timecorrect(f.sjdgsj)); let dateeta = new Date(f.eta); let timeeta = dateeta.getTime(); let dateetd = new Date(f.etd); let timeetd = dateetd.getTime(); let datesjdgsj = new Date(f.sjdgsj); let timesjdgsj = datesjdgsj.getTime(); let newtimed = timesjdgsj + timeetd - timeeta; let dated = timeTOdate(newtimed) data1.push(timecorrect(dated)); } } else { data1.push(timecorrect(f.eta)); data1.push(timecorrect(f.etd)); } if (f.sldm) { let sldmIndex = findLZindex(f.sldm, xilanZ); let wldmIndex = findLZindex(f.wldm, xilanZ); let sldmIndex_new = sldmIndex + 1; let wldmIndex_new = wldmIndex - 1; data1.push(xilanZ[sldmIndex_new]); data1.push(xilanZ[wldmIndex_new]); } else { data1.push(""); data1.push(""); } data1.push("中文船名：" + f.zwcm); data1.push("英文船名：" + f.ywcm); data1.push("船名代码：" + f.cmdm); data1.push("预计抵港时间：" + f.eta); if (f.sjdgsj) { data1.push("实际抵港时间：" + f.sjdgsj); } else { data1.push("实际抵港时间：无"); } data1.push("预计离港时间：" + f.etd); if (f.sjlgsj) { data1.push("实际离港时间：" + f.sjlgsj); } else { data1.push("实际离港时间：无"); } let boweiDM = f.bwdm1; let hasbwdm2 = false bw_lanzhuang.forEach((ff) => { if (f.wldm == ff[0] && ff[1] !== f.bwdm1) { boweiDM += ' ' + ff[1] //data1.push("泊位代码："+ff[1]); } else if (f.sldm == ff[0] && ff[1] !== f.bwdm1) { boweiDM += ' ' + ff[1] //data1.push("泊位代码："+ff[1]); } }) data1.push("泊位代码：" + boweiDM); data1.push("首缆代码：" + f.sldm); data1.push("尾缆代码：" + f.wldm); data1.push("进口航次：" + f.jkhc); data1.push("出口航次：" + f.ckhc); data1.push("抵港状态：" + f.dgbz); if (f.sjdgsj) { if (f.sjlgsj) { data1.push("red"); } else { var data2 = [...data1]; data2.push("dashed") data_s.push(data2); data1.push("yellow"); } } else { data1.push("white"); } data_s.push(data1); }) series_data = buildSeries_data(data_s); bw_length_guiyi.forEach((f, index) => { let aaa = { data: [f], name: bws[index], type: 'bar', stack: 'total', label: { show: true, formatter: '{a}' }, barGap: 0, xAxisIndex: 1, yAxisIndex: 1, barWidth: '100%', }; series_data.push(aaa); }); overview.forEach(e => { var date = e.date; for (const key in e) { const ele = e[key]; if (key.indexOf('tide_lowhigh') != -1 && ele && ele != " ") { var idx = key.split("tide_lowhigh")[1]; var lowhigh = ele.indexOf("低") != -1; var height = e['tide_height' + idx]; var time = date + " " + e['tide_time' + idx]; tide_s.push({ yAxis: time, name: time, labelVal: height, value: 0, lowhigh, lineStyle: { color: lowhigh ? '#B17063' : '#FF1D00' }, }) } } }) if (tide_s.length) { let tide_n = 0; yaxis_data.reduce((stat, end, index, arr) => { var dObj = tide_s[tide_n]; if (dObj) { var nD = new Date(dObj.name).getTime(); var stat = new Date(stat).getTime(); var end = new Date(end).getTime(); if (stat > nD && nD < end) { tide_d.push(dObj); tide_n++ } else { tide_d.push({ yAxis: stat, name: stat, value: "", lineStyle: { color: 'transparent' }, label: { show: false } }); } } return end; }) let bbb = { name: '潮高', label: { show: false, formatter: '{a}' }, barGap: -2, xAxisIndex: 2, yAxisIndex: 0, barWidth: '2px', data: tide_d, type: 'bar', itemStyle: { normal: { color: '#0F97FF', barBorderRadius:[100, 100, 100, 100,100, 100, 100], } }, }; bbb = { name: '潮高', type: "scatter", emphasis: { scale: false, }, symbolSize: 10, xAxisIndex: 2, yAxisIndex: 0, itemStyle: { color: (params) => { var data = params.data; var color = "transparent" if (data) { var lineStyle = data.lineStyle; color = lineStyle.color; } return color }, shadowColor: "rgba(255, 255, 255, 0.5)", shadowBlur: 5, borderWidth: 1, opacity: 1, }, z: 2, data: tide_d }, series_data.push(bbb); } console.log(rowscb.length, data_s.length); option = { //你的代码 title: { text: '靠泊计划表', left: 'center', top: 0 }, textStyle: { overflow: "truncate", ellipsis: '...' }, // legend: { // type: "plain", // show: true, // bottom:5, // data:[{ // name:'kb1' // }], // formatter: function(params) { // console.log(params); // return 'Legend ' // } // }, tooltip: { formatter: function (params) { // console.log(params); if (params.data[6]) { let str = params.data[4] + '
' + params.data[5] + '
' + params.data[6] + '
' + params.data[7] + '
' + params.data[8] + '
' + params.data[9] + '
' + params.data[10] + '
' + params.data[11] + '
' + params.data[12] + '
' + params.data[13] + '
' + params.data[14] + '
' + params.data[15] + '
' + params.data[16]; return str } else { return "" } } }, grid: [{ width: '80%', top: 100 }, { width: '80%', height: 50, top: 30 }], xAxis: [{ data: xilanZ, gridIndex: 0, type: 'category', axisTick: { alignWithLabel: true, show: true //坐标轴刻度线 }, splitLine: { //网格线 show: true }, nameGap: 0, position: "top" }, { gridIndex: 1, type: 'value', axisTick: { alignWithLabel: false, show: false //坐标轴刻度线 }, splitLine: { //网格线 show: false }, axisLabel: { show: false }, axisLine: { show: false }, nameGap: 0, position: "bottom" }, { type: 'value', // data: xilanZ, // type: 'category', show: false, position: 'top', axisTick: { show: false, }, axisLine: { show: false, lineStyle: { color: '#fff', }, }, splitLine: { show: false, }, } ], yAxis: [{ data: yaxis_data, type: 'category', gridIndex: 0, position: "left", axisTick: { show: true, alignWithLabel: true, }, splitLine: { //网格线 show: false, }, splitArea: { show: true }, inverse: true }, { type: 'category', gridIndex: 1, position: "left", splitLine: { //网格线 show: false }, axisLabel: { show: false }, axisLine: { show: false }, splitLine: { show: false }, axisTick: { show: false } }], series: series_data, dataZoom: [{ type: 'slider', show: true, filterMode: 'filter', yAxisIndex: [0], left: '93%', start: 0, //数据窗口范围的起始百分比 end: 20, zoomLock: false }, { type: "inside", id: "insideX", yAxisIndex: [0], start: 0, //数据窗口范围的起始百分比 end: 20, zoomOnMouseWheel: false, moveOnMouseMove: true, moveOnMouseWheel: true }, { type: 'slider', show: true, filterMode: 'none', xAxisIndex: [0, 1], left: '10%', start: 0, //数据窗口范围的起始百分比 end: 100, zoomLock: false }] }; function timecorrect(str) { let asd1 = str.split(" "); let asd2 = asd1[1].split(":"); let resstr = asd1[0] + " " + asd2[0] + ":00:00"; let dateeta = new Date(resstr); let timeeta = dateeta.getTime(); let newtime if (parseInt(asd2[1]) > 30) { newtime = timeeta + 60 * 60 * 1000; } else { newtime = timeeta; } let result = timeTOdate(newtime) return result; } function timeTOdate(time) { let day = new Date(time); let monthstr; if (day.getMonth() + 1 < 10) { monthstr = '0' + (day.getMonth() + 1) } else { monthstr = day.getMonth() + 1 } let datestr; if (day.getDate() < 10) { datestr = '0' + day.getDate() } else { datestr = day.getDate() } var h = day.getHours(); let hstr if (h < 10) { hstr = '0' + h; } else { hstr = h; } var mm = day.getMinutes(); let mmstr if (mm < 10) { mmstr = '0' + mm; } else { mmstr = mm; } var s = day.getSeconds(); let sstr if (s < 10) { sstr = '0' + s; } else { sstr = s; } let daystr = day.getFullYear() + "-" + monthstr + "-" + datestr + " " + hstr + ":" + mmstr + ":" + sstr; return daystr; } function buildSeries_data(data) { // console.log(data); let series_data = [{ type: 'custom', xAxisIndex: 0, name: 'kb', label:{ type:"inside", show: true, position: 'top left', padding: 5, lineHeight: 15, formatter:function(params){ let labelstr = ""; var data = params.data; for (let i = 0; i < data.length; i++) { const ele = data[i]; if (ele && ele.indexOf("：") != -1) { labelstr += ele + "\n" // labelstr += '{value|' + ele +'}' + "\n" } } return labelstr }, }, yAxisIndex: 0, renderItem: function (params, api) { let [x, y] = api.coord([api.value(2), api.value(0)]); // console.log(api.value(0) + ',' + api.value(1) + ',' + api.value(2) + ',' + api.value(3)); let size = api.size([api.value(3) - api.value(2), api.value(1) - api.value(0)]); let detaY = api.value(1) - api.value(0); let detaX = api.value(3) - api.value(2); var style = api.style(); var dashed = api.value(17) == "dashed"; var width = size[0] * detaX, height = size[1] * detaY; if (api.value(17) == "yellow" || dashed) { style.fill = "#ffb102e6" console.log(dashed) if (dashed) { var yjdgsj = api.value(7).split("：")[1]; var sjdgsj = api.value(8).split("：")[1]; var yjlgsj = api.value(9).split("：")[1]; var sjlgsj = api.value(10).split("：")[1]; var cz = new Date(yjlgsj).getTime() - new Date(yjdgsj).getTime(); var pj = cz / height; sjlgsj = timeTOdate(new Date(sjdgsj).getTime() + cz); y += y * y / cz; style.fill = "#ffb102e6"; style.fill = "transparent"; style.borderWidth = 2; style.borderType = "dashed" } } else if (api.value(17) == "white") { style.fill = "#f1f1f1" } else if (api.value(17) == "red") { style.fill = "#ff023de6" } style.lineWidth = 1; style.overflow="hidden" style.overflow="truncate" return { type: 'rect', name: 'kb1', shape: { x: x, y: y, width: width, height: height }, style: style, emphasis: { style: { lineWidth: 2, } } } }, labelLayout(params, api) { var rect = params.rect; return { fontSize: Math.max(rect.width / 10, 5), x: rect.x, // y: rect.y + rect.height, // verticalAlign: 'middle', y: rect.y , align: 'left', // hideOverlap: true, overflow: "truncate", width: Math.max(rect.width / 10, 5), height: Math.max(rect.height / 10, 5), } }, itemStyle: { nomal: { borderType: (params, api) => { console.log(params, api) }, borderWidth: 5 } }, data: data, clip: true, encode: { x: [2, 3], y: [0, 1], info: [4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15] } }] return series_data; } function findLZindex(lzdm, lzArrays) { let lzindex; lzArrays.forEach((f, index) => { if (lzdm == f) { lzindex = index; } }) return lzindex }

Echarts在线免费图表