29:null 2a:["$","title",null,{"children":"一维折线图（非0，0°）单位【数显】, 预测 | Bruce He | Observable"}] 2f:T511,data = [ { MONTH: "202207", 集团: "集团", curr: "--", base: 827294 }, { MONTH: "202206", 集团: "集团", curr: "--", base: 905192 }, { MONTH: "202205", 集团: "集团", curr: "--", base: 871170 }, { MONTH: "202204", 集团: "集团", curr: "--", base: 785446 }, { MONTH: "202203", 集团: "集团", curr: "--", base: 696175 }, { MONTH: "202202", 集团: "集团", curr: "--", base: 458607 }, { MONTH: "202201", 集团: "集团", curr: "--", base: 771020 }, { MONTH: "202112", 集团: "集团", curr: "--", base: 711092 }, { MONTH: "202111", 集团: "集团", curr: "--", base: 707067 }, { MONTH: "202110", 集团: "集团", curr: "--", base: 750171 }, { MONTH: "202109", 集团: "集团", curr: "--", base: 619362 }, { MONTH: "202108", 集团: "集团", curr: "--", base: 604062 }, { MONTH: "202107", 集团: "集团", curr: 827294, base: 562431 }, { MONTH: "202106", 集团: "集团", curr: 905192, base: 846339 }, { MONTH: "202105", 集团: "集团", curr: 871170, base: 914876 }, { MONTH: "202104", 集团: "集团", curr: 785446, base: 632328 }, { MONTH: "202103", 集团: "集团", curr: 696175, base: 351872 }, { MONTH: "202102", 集团: "集团", curr: 458607, base: 105200 }, { MONTH: "202101", 集团: "集团", curr: 771020, base: 1073008 } ]30:T402,echartsLikeTooltipFormatter = (params) => { let arr = _(params) .filter((p) => p.value !== undefined && isFinite(p.value)) .take(15) .map((p, pi) => { let seriesName = p.seriesName; let seriesFormatted = seriesName; const metricIdx = p.seriesIndex === finalMatrix.length - 1 ? 0 : p.seriesIndex; const metricFormatterFn = metricsFormatDict[finalMatrix[metricIdx]]; //let val = p.value let val = ( _.isFunction(metricFormatterFn) ? metricFormatterFn : _.identity )(p.value); //let valHtml = `${val}` let valHtml = `${val}`; return `${seriesFormatted} : ${valHtml}`; }) .value(); let xVal = params[0].name; return `${xVal}
${arr.join("
")}`; }31:T4a5,option = ({ tooltip: { trigger: "axis", axisPointer: { type: "shadow" }, formatter: echartsLikeTooltipFormatter }, legend: { type: "scroll" }, grid: { left: "3%", right: "4%", bottom: "3%", containLabel: true }, xAxis: { type: "category", data: (finalData || []).map((d) => d[timeDim]), //axisLabel: { rotate: 30 }, axisTick: { alignWithLabel: true }, axisLine: { onZero: false } }, yAxis: { type: "value", boundaryGap: [0, 0.01], scale: true, axisLabel: { formatter: (value) => { return ( _.isFunction(metricFormatterFn) ? metricFormatterFn : _.identity )(value); } } }, color: [ "#5470c6", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc" ], series: [ ...finalMatrix.map((metric) => { return { name: translationDict[metric] || metric, type: "line", symbol: "circle", data: finalData.map((d) => d[metric]), lineStyle: { type: _.includes(metric, "预测") ? "dotted" : "solid" } }; }) ] })32:[] 2d:{"id":"a8222fa032b208d6","slug":null,"title":"一维折线图（非0，0°）单位【数显】, 预测","thumbnail":"42d941deb40a117cd37d3c3a939bd1d2780ab9b91df4fc1c08187745b5aa6d61","access_level":"public","create_time":"$D2023-01-16T03:31:04.064Z","update_time":"$D2023-01-17T10:40:30.892Z","view_time":null,"first_public_time":"$D2023-01-16T03:31:04.064Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"5e3282f592b2837f","login":"heganjie","name":"Bruce He","avatar_url":"https://avatars-next.observableusercontent.com/58d33228761b95f76b498c59d4664893e0c8b694acb62ff0342f8d22ebafb8e3","tier":"starter_2024"},"version":756,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8bc3b438d4504c1b","login":"heganjie","name":"Bruce He","avatar_url":"https://avatars-next.observableusercontent.com/58d33228761b95f76b498c59d4664893e0c8b694acb62ff0342f8d22ebafb8e3","tier":null}],"members":[{"type":"individual","id":"8bc3b438d4504c1b","login":"heganjie","name":"Bruce He","avatar_url":"https://avatars-next.observableusercontent.com/58d33228761b95f76b498c59d4664893e0c8b694acb62ff0342f8d22ebafb8e3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"一维折线图（非0，0°）单位【数显】, 预测","cells":[{"id":0,"value":"md`# 一维折线图（非0，0°）单位【数显】, 预测\n预测公式： \n增长率=本期（累计）/基期（累计） \n预测值=基期 * 增长率 \noption 来源于 [echarts.apache.org](https://echarts.apache.org/next/examples/zh/editor.html?c=pie-simple)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":169,"value":"main = html`

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":221,"value":"dimensions = [\"MONTH\", \"集团\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":718,"value":"timeDim = _.find([\"YEAR\", \"MONTH\", \"DAY\"], (dimName) =>\n _.get(data, [0, dimName])\n) || \"MONTH\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":223,"value":"metrics = ['curr', 'base']","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":724,"value":"finalMatrix = _.includes(translate(metrics[0]), \"本期\")\n ? [...metrics, translate(metrics[0]).replace(\"本期\", \"预测\")]\n : metrics","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":218,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":714,"value":"finalData = {\n // 增长率=本期（累计）/基期（累计）\n // 预测值=基期 * 增长率\n\n const sorted = _.orderBy(data, timeDim, \"asc\");\n if (finalMatrix.length < 3) {\n return sorted;\n }\n const [currMetric, basePeriodMetric, predMetric] = finalMatrix;\n const sortedValid = _.dropRightWhile(\n sorted,\n (d) => Number.isNaN(+d[currMetric]) || _.isNil(d[currMetric])\n );\n const growRatio =\n _.sumBy(sortedValid, (d) =>\n Number.isNaN(+d[currMetric]) ? 0 : +d[currMetric]\n ) /\n _.sumBy(sortedValid, (d) =>\n Number.isNaN(+d[basePeriodMetric]) ? 0 : +d[basePeriodMetric]\n );\n const beginPredIdx = sortedValid.length - 1;\n return sorted.map((d, di) =>\n di < beginPredIdx\n ? d\n : {\n ...d,\n [predMetric]:\n beginPredIdx === di\n ? d[currMetric]\n : _.round(d[basePeriodMetric] * growRatio, 2)\n }\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":245,"value":"translationDict = ({curr: '本期', base: '基期'})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":746,"value":"translate = k => translationDict[k] || k","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":691,"value":"metricsFormatDict = ({\n [metrics[0]]: x => x\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":692,"value":"metricFormatterFn = metricsFormatDict[metrics[0]]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":694,"value":"$30","pinned":true,"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)","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":698,"value":"onEvents = ({})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":699,"value":"function bindEvents(instance, events) {\n function _bindEvent(eventName, func) {\n if (eventName && func) {\n instance.on(eventName, param => {\n func(param, instance)\n })\n }\n }\n\n for (const eventName in events) {\n _bindEvent(eventName, events[eventName])\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":701,"value":"bindEvents(chartInst, onEvents || {}); //调用bindEvents","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"}} 2e:"$2d:body"