2b:null 2c:["$","title",null,{"children":"HighCharts - 时间线数据可视化 | 段 | Observable"}] 31:T72f,{ var tooltipConfig = { formatter: function () { console.log(this.point, this.point.options.city); if (this.point.hasOwnProperty('parent')) { return '' + this.series.name + '
' + this.point.name + '
访问开始时间：' + getLocalTime(this.point.x) + '
访问结束时间：' + getLocalTime(this.point.x2) + '
访问地点：' + this.point.options.city; } else { return '' + this.series.name + '
' + this.point.name + '
任期开始时间：' + getLocalTime(this.point.x) + '
任期结束时间：' + getLocalTime(this.point.x2); } }, dateTimeLabelFormats: { millisecond: '%H:%M:%S.%L', second: '%H:%M:%S', minute: '%H:%M', hour: '%H:%M', day: '%Y-%m-%d', week: '%m-%d', month: '%Y-%m', year: '%Y' } }; function getLocalTime(nS) { var date = new Date(nS); return date.getFullYear() + "/" + fomat(date.getMonth() + 1) + "/" + fomat(date.getDate()) + " " + fomat(date.getHours()) + ":" + fomat(date.getMinutes()) + ":" + fomat(date.getSeconds()); } function fomat(data) { return (data > 9 ? data : "0" + data); } var today = new Date(), day = 1000 * 60 * 60 * 24; // Set to 00:00:00:000 today today.setUTCHours(0); today.setUTCMinutes(0); today.setUTCSeconds(0); today.setUTCMilliseconds(0); // THE CHART highcharts.ganttChart('container', { chart: { // width: 30000 }, title: { text: '中美两国互访时间线' }, tooltip: tooltipConfig, xAxis: { min: json_data.exam1_2_min, max: json_data.exam1_2_max, breaks: json_data.beakarray }, series: [{ name: '中美两国互访时间线', data: json_data.exam1_2 }] }); document.getElementById("container").style.overflow = "initial"; } 32:[{"id":"0366cff8f117c788a03cba0cacfd95de177edcc0419ea73923463384d704cf3030e8645654ae861881df8273856bb0b3302250bb24c0f70ca161d9980e38f862","href":"https://static.observableusercontent.com/files/0366cff8f117c788a03cba0cacfd95de177edcc0419ea73923463384d704cf3030e8645654ae861881df8273856bb0b3302250bb24c0f70ca161d9980e38f862","name":"fanghua1@1.csv.json","type":"application/json","lastModified":1624073528475.19,"size":12488}] 2f:{"id":"a10d76ad858d3361","slug":"highcharts","title":"HighCharts - 时间线数据可视化","thumbnail":"5aab3fe6c82036ea211f2fc0eabf3bb487ed1d12b04726658e052b521ce3a8de","access_level":"public","create_time":"$D2021-06-19T03:20:56.735Z","update_time":"$D2021-06-19T03:39:25.840Z","view_time":null,"first_public_time":"$D2021-06-19T03:41:00.284Z","fork":{"id":"67a64dcbc1ed7496","slug":"echarts-3d","title":"Echarts - 3D数据可视化","owner":{"id":"d7afb4e4eb0c2ea9","login":"zhoiii","name":" 段"}},"stars":2,"starred":false,"owner":{"type":"team","id":"d7afb4e4eb0c2ea9","login":"zhoiii","name":" 段","avatar_url":"https://avatars-next.observableusercontent.com/3d808103699828da413c32ffe55d6d598971de183c77060ff072bc5764bd96d3","tier":"starter_2024"},"version":190,"publish_version":190,"role":null,"authored":false,"authors":[{"type":"individual","id":"f46e8fba7fa18f84","login":"zhoiii","name":" 段","avatar_url":"https://avatars-next.observableusercontent.com/3d808103699828da413c32ffe55d6d598971de183c77060ff072bc5764bd96d3","tier":null}],"members":[{"type":"individual","id":"f46e8fba7fa18f84","login":"zhoiii","name":" 段","avatar_url":"https://avatars-next.observableusercontent.com/3d808103699828da413c32ffe55d6d598971de183c77060ff072bc5764bd96d3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"HighCharts - 时间线数据可视化","cells":[{"id":0,"value":"md`# HighCharts - 时间线数据可视化\n根据中美两国历史上最高领导人的姓名，任期以及相互访问的时间，地点设计，可视化展示效果\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":126,"value":"md`# 实验结果`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"html`\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":189,"value":"md`# CODE`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2,"value":"highcharts = require('https://code.highcharts.com/gantt/highcharts-gantt.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":87,"value":"ba = require('https://code.highcharts.com/modules/broken-axis.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":166,"value":"ex = require('https://code.highcharts.com/modules/exporting.js')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":24,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":110,"value":"json_data = await FileAttachment(\"fanghua1@1.csv.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":150,"value":"import { Radio } from \"@observablehq/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"