30:T7a7,function stockChart(containerID, title, data) { const upColor = '#ec0000'; const upBorderColor = '#8A0000'; const downColor = '#00da3c'; const downBorderColor = '#008F28'; const dom = document.querySelector(`#${containerID}`) const chart = echarts.init(dom) const option = { title: { text: title, left: 0 }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross' } }, legend: { data: [title, 'MA3', 'MA5', 'MA10'] }, grid: { left: '10%', right: '10%', bottom: '15%' }, xAxis: { type: 'category', data: data.category, scale: true, boundaryGap: false, axisLine: {onZero: false}, splitLine: {show: false}, splitNumber: 20, min: 'dataMin', max: 'dataMax' }, yAxis: { scale: true, splitArea: { show: true } }, dataZoom: [ { type: 'inside', start: 0, end: 100 }, { show: true, type: 'slider', top: '90%', start: 50, end: 100 } ], series: [ { name: title, type: 'candlestick', data: data.values, itemStyle: { color: upColor, color0: downColor, borderColor: upBorderColor, borderColor0: downBorderColor }, }, { name: 'MA3', type: 'line', data: calculateMA(data, 3), smooth: true, lineStyle: { opacity: 0.5 } }, { name: 'MA5', type: 'line', data: calculateMA(data, 5), smooth: true, lineStyle: { opacity: 0.5 } }, { name: 'MA10', type: 'line', data: calculateMA(data, 10), smooth: true, lineStyle: { opacity: 0.5 } } ] } chart.setOption(option) }31:T6bc,{ const SHIndex = [ ["1990", 96.05, 127.61, 95.79, 127.61], // date, open, close, low, high ["1991", 127.61, 292.75, 104.96, 292.75], ["1992", 293.74, 780.39, 292.76, 1429.01], ["1993", 784.13, 833.8, 750.46, 1558.95], ["1994", 837.7, 647.87, 325.89, 1052.94], ["1995", 637.72, 555.29, 524.43, 926.41], ["1996", 550.26, 917.02, 512.83, 1258.69], ["1997", 914.06, 1194.1, 870.18, 1510.18], ["1998", 1200.95, 1146.7, 1043.02, 1422.98], ["1999", 1144.89, 1366.58, 1047.83, 1756.18], ["2000", 1368.69, 2073.48, 1361.21, 2125.72], ["2001", 2077.08, 1645.97, 1514.86, 2245.44], ["2002", 1643.49, 1357.65, 1339.2, 1748.89], ["2003", 1347.43, 1497.04, 1307.4, 1649.6], ["2004", 1492.72, 1266.5, 1259.43, 1783.01], ["2005", 1260.78, 1161.06, 998.23, 1328.53], ["2006", 1163.88, 2675.47, 1161.91, 2698.9], ["2007", 2728.19, 5261.56, 2541.53, 6124.04], ["2008", 5265, 1820.81, 1664.93, 5522.78], ["2009", 1849.02, 3277.14, 1844.09, 3478.01], ["2010", 3289.75, 2808.08, 2319.74, 3306.75], ["2011", 2825.33, 2199.42, 2134.02, 3067.46], ["2012", 2211.99, 2269.13, 1949.46, 2478.38], ["2013", 2289.51, 2115.98, 1849.65, 2444.8], ["2014", 2112.13, 3234.68, 1974.38, 3239.36], ["2015", 3258.63, 3539.18, 2850.71, 5178.19], ["2016", 3536.59, 3103.64, 2638.3, 3538.69], ["2017", 3105.31, 3307.17, 3016.53, 3450.49], ["2018", 3314.03, 2493.9, 2449.2, 3587.03], ["2019", 2497.88, 3050.12, 2440.91, 3288.45], ["2020", 3066.34, 3473.07, 2646.8, 3474.92], ["2021", 3474.68, 3416.72, 3328.31, 3731.69] ] stockChart('sh-year', '上证指数年K', formatStockDataFromArray(SHIndex)) return md`### SH Index(Year)` }32:T439,function translateHTML(content) { try { const doms = $.parseHTML(content) const tree = [ { type: "HTMLTableElement", classes: "" } ] let target = doms for (let i = 0; i < tree.length; i++) { target = uniqueElementIn(target, tree[i].type, tree[i].classes) } const origin = [] for (let ind = 1; ind < target.children.length; ind++) { const current = target.children[ind].children for (let i = 0; i < current.length; i++) { const td = current[i].children origin.push({ date: td[0].children[0].innerHTML, open: parseFloat(td[10].children[0].innerHTML), close: parseFloat(td[2].children[0].innerHTML), high: parseFloat(td[11].children[0].innerHTML), low: parseFloat(td[12].children[0].innerHTML), }) } } origin.sort((a, b) => a.date - b.date) return origin.map(item => { return [item.date, item.open, item.close, item.low, item.high] }) } catch (err) { return err } }33:[] 2e:{"title":"K Chart","cells":[{"id":0,"value":"md`# K Chart`","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"md`## Stock Chart`","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"md`### Data Formatter`","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"function formatStockDataFromArray(raw) {\n const category = [];\n const values = []\n \n for (var i = 0; i < raw.length; i++) {\n category.push(raw[i].splice(0, 1)[0]);\n values.push(raw[i])\n }\n \n return {\n category,\n values\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"value":"md`### MA`","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"function calculateMA(data, n) {\n const result = [];\n \n for (let i = 0, len = data.values.length; i < len; i++) {\n if (i < n) {\n result.push('-');\n continue;\n }\n \n let sum = 0;\n for (let j = 0; j < n; j++) {\n sum += data.values[i - j][1];\n }\n result.push(sum / n);\n }\n \n return result;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"md`## Stocks`","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"md`## Stock Details`","pinned":false,"hidden":false,"mode":"ojs"},{"id":141,"value":"md`### HTML Input`","pinned":false,"hidden":false,"mode":"ojs"},{"id":144,"value":"md`- [GoodInfo](https://goodinfo.tw/)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"html`\n\n
\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":151,"value":"{\n const name = document.querySelector('#stock-name')\n const html = document.querySelector('#stock-html')\n\n html.addEventListener('change', () => {\n if (html.value.length < 100) {\n return\n }\n \n const data = translateHTML(html.value)\n\n stockChart('stock-detail', name.value, formatStockDataFromArray(data))\n })\n \n return md`### Stock Detail Chart`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":129,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"md`### Translate`","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"md`## Import`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"echarts = require('https://cdn.jsdelivr.net/npm/echarts@5.0.2/dist/echarts.min.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"import { $, uniqueElementIn } from '@fengyfei/web-page-loader'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}