2a:null 2b:["$","title",null,{"children":"二维折线图（非0，标记，0°），单位 | shihenghe | Observable"}] 30:T97c,data = [ { time: '201901', TLJ: '广州局 ', province: '广东', city: '广州', "count":1.92098 }, { time: '201902', TLJ: '广州局 ', province: '广东', "count":1.796244 }, { time: '201903', TLJ: '广州局 ', province: '广东', "count":2.34 }, { time: '201904', TLJ: '广州局 ', province: '广东', "count":2.5876 }, { time: '201905', TLJ: '广州局 ', province: '广东', "count":1.873 }, { time: '201906', TLJ: '广州局 ', province: '广东', "count":2.32907 }, { time: '201907', TLJ: '广州局 ', province: '广东', "count":1.92098 }, { time: '201908', TLJ: '广州局 ', province: '广东', "count":1.796244 }, { time: '201909', TLJ: '广州局 ', province: '广东', "count":2.34 }, { time: '2019010', TLJ: '广州局 ', province: '广东', "count":2.5876 }, { time: '201911', TLJ: '广州局 ', province: '广东', "count":1.873 }, { time: '201912', TLJ: '广州局 ', province: '广东', "count":2.32907 }, { time: '201901', TLJ: '武汉局 ', province: '湖北', "count":2.40560 }, { time: '201902', TLJ: '武汉局 ', province: '湖北', "count":1.634908 }, { time: '201903', TLJ: '武汉局 ', province: '湖北', "count":2.09865 }, { time: '201904', TLJ: '武汉局 ', province: '湖北', "count":2.40977 }, { time: '201905', TLJ: '武汉局 ', province: '湖北', "count":2.58026 }, { time: '201906', TLJ: '武汉局 ', province: '湖北', "count":2.358026 }, { time: '201901', TLJ: '上海局 ', province: '上海', "count":2.00000 }, { time: '201902', TLJ: '上海局 ', province: '上海', "count":2.55000 }, { time: '201903', TLJ: '上海局 ', province: '上海', "count":1.900000 }, { time: '201904', TLJ: '上海局 ', province: '上海', "count":2.30000 }, { time: '201905', TLJ: '上海局 ', province: '上海', "count":1.87300 }, { time: '201906', TLJ: '上海局 ', province: '上海', "count":2.32907 }, { time: '201901', TLJ: '乌鲁木齐局 ', province: '新疆', "count":2.40560 }, { time: '201902', TLJ: '乌鲁木齐局 ', province: '新疆', "count":2.34908 }, { time: '201903', TLJ: '乌鲁木齐局 ', province: '新疆', "count":2.09865 }, { time: '201904', TLJ: '乌鲁木齐局 ', province: '新疆', "count":2.440977 }, { time: '201905', TLJ: '乌鲁木齐局 ', province: '新疆', "count":2.58026 }, { time: '201906', TLJ: '乌鲁木齐局 ', province: '新疆', "count":1.658026 }, ]31:T5ca,option = { let [timeDim, mergedDim] = finalDim; let [metric] = metrics; return { tooltip: { trigger: "axis", axisPointer: { type: "shadow" }, formatter: echartsLikeTooltipFormatter }, // legend: { // type: 'scroll' // }, grid: { left: "3%", right: "4%", bottom: "3%", containLabel: true }, xAxis: { type: "category", data: _.uniq((data || []).map((d) => d[timeDim])), //data: (data || []).map((d) => dimensions.map(dim => _.trim(d[dim])).join('-')), //axisLabel: { rotate: 30 }, axisTick: { alignWithLabel: true }, axisLine: { onZero: false } }, yAxis: { type: "value", boundaryGap: [0, 0.01], scale: true //非0 }, color: [ "#5470c6", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc" ], series: [ ..._.map(groupedData, (arr, group) => { return { name: group, type: "line", symbol: 'circle', data: arr.map((d) => _.round(d[metric], 2)), markPoint: { data: [ { type: "max", name: "Max" }, { type: "min", name: "Min" } ], label:{ formatter: params => { return metricFormatterFn(params.value) } } } }; }) ] }; }32:[] 2e:{"id":"d2517e75f22e69bb","slug":"0-0","title":"二维折线图（非0，标记，0°），单位","thumbnail":"7c63ba3f02c4236dc05ca9ca61fb6e996f341792b1e4dd502e7c0dcb06509281","access_level":"public","create_time":"$D2022-01-18T09:12:39.394Z","update_time":"$D2023-12-22T01:52:36.109Z","view_time":null,"first_public_time":"$D2022-01-18T09:33:21.082Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"005a2fa9e2ef197b","login":"shihenghe","name":"shihenghe","avatar_url":"https://avatars-next.observableusercontent.com/3ddea3dc92256ce759ae6bac8308bd5e0f1216fb70c888bcd517ff0ce4299cc3","tier":"starter_2024"},"version":1473,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"a97609ffa9b7a391","login":"shihenghe","name":"shihenghe","avatar_url":"https://avatars-next.observableusercontent.com/3ddea3dc92256ce759ae6bac8308bd5e0f1216fb70c888bcd517ff0ce4299cc3","tier":null}],"members":[{"type":"individual","id":"a97609ffa9b7a391","login":"shihenghe","name":"shihenghe","avatar_url":"https://avatars-next.observableusercontent.com/3ddea3dc92256ce759ae6bac8308bd5e0f1216fb70c888bcd517ff0ce4299cc3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"title":"二维折线图（非0，标记，0°），单位","cells":[{"id":0,"value":"# 二维折线图（非0，标记，0°），单位","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":169,"value":"main = html`

\n ${selectInput}\n ${isShowSelect ? search:''}\n ${isShowSelect ? dimList : []}\n ${isShowSelect ? allCheckBox(): ''}\n

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1205,"value":"mutable noChooseDims =_.filter(legend,d=>!_.includes(chooseDims,d))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1256,"value":"import {form} from \"@mbostock/form-input\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1311,"value":"search = html`

\n \n \n

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1386,"value":"search.addEventListener(\"change\", (e) =>{\n const value = e.target.value ||''\n const next = _.filter(_.keys(_.groupBy(finalDat, 'mergedDim')),l=>_.includes(l,value))\n const next1 = _.filter(_.keys(_.groupBy(finalDat, 'mergedDim')),l=>!_.includes(l,value))\n mutable legend = next\n mutable noChooseDims = next \n mutable chooseDims = next1\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":904,"value":"\nselectInput = html``\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":911,"value":"mutable isShowSelect =false ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1272,"value":" //筛选结果栏输入框获取焦点事件\nselectInput.onclick = () => { \n mutable isShowSelect = !isShowSelect\n\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":847,"value":"// 维度栏\ndimList = html`

${len}

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1293,"value":"checkbox = html`

全选

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1296,"value":"allCheckBox = ()=>{\n return html`

${checkbox}

${noChooseDims.length}/${legend.length}

`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1192,"value":"checkbox.onchange = () =>{\n //当前选中的，就把选中的清空，反之\n mutable noChooseDims =!_.isEmpty(noChooseDims)? [] : _.filter(legend,d=>!_.includes(chooseDims,d))\n mutable chooseDims =!_.isEmpty(chooseDims)? [] : _.filter(legend,d=>!_.includes(chooseDims,d))\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":923,"value":"mutable chooseDims = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":843,"value":" dimList.onclick = (e)=> {\n const val = e.target.innerText\n mutable chooseDims = _.includes(chooseDims, val) ? _.filter(chooseDims, s => s !== val) : [...chooseDims, val]\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":957,"value":"groupedData = _.groupBy(_.filter(finalDat,d=>_.includes(noChooseDims,d.mergedDim)), 'mergedDim');","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":806,"value":"mutable legend = _.keys(_.groupBy(finalDat, 'mergedDim'))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":334,"value":"// 2021.12.10 二维折线图1（标注最大值最小值）\n// 单指标；2个维度（时间维度 + 其他维度合并一维）；源数据保留2位小数；","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":221,"value":"dimensions = [\"time\", \"TLJ\", \"province\", \"city\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":715,"value":"finalDim = [_.first(dimensions), \"mergedDim\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":223,"value":"metrics = ['count']","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":218,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":734,"value":"finalDat = _.map(data,(d) => {\n return {\n ...d,\n mergedDim: `${_.drop(dimensions,1).map(dim => _.trim(d[dim])).join('-')}`\n };\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":245,"value":"translationDict = ({})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":780,"value":"metricsFormatDict = ({\n [metrics[0]]: x => x\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":782,"value":"metricFormatterFn = metricsFormatDict[metrics[0]]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":784,"value":"echartsLikeTooltipFormatter = params => {\n let arr = _(params).filter(p => p.value !== undefined && isFinite(p.value)).take(15).map((p, pi) => {\n let seriesName = p.seriesName\n let seriesFormatted = seriesName\n let val = metricFormatterFn(p.value)\n //let valHtml = `${val}`\n let valHtml = `${val}`\n return `${seriesFormatted} : ${valHtml}`\n }).value()\n\n let xVal = params[0].name\n \n return `${xVal}
${arr.join('
')}`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":95,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":111,"value":"chartInst = echarts.init(main.querySelector('.dims-chart'))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":192,"value":"chartInst.setOption(option, { notMerge: true, lazyUpdate: true })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":195,"value":"(width, chartInst.resize()) // 自适应宽度","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":215,"value":"echarts = window.echarts || require(\"https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":448,"value":"_ = window._ || require(\"lodash\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2f:"$2e:body"