前言

在如何将实时数据显示在前端电子表格中（一）一文中，我们讲述了如何通过WebSocket从Finnhub.IO获取实时数据，那么本文重点讲述如何使用基本的 SpreadJS 功能来进行数据展示。

在本教程中，我们将使用 Node.JS Express 和 WebSocket，因此请确保从此处安装最新版本。我们还将使用 Visual Studio Code，因此以管理员身份运行它，以便 NPM 命令可以在终端中运行。其中，SpreadJS 使用的版本为SpreadJS V16.0。

整体的操作步骤包含：

1、设置应用程序（可关联至 如何将实时数据显示在前端电子表格中（一））

2、连接到数据源（可关联至 如何将实时数据显示在前端电子表格中（一））

3、使用 SpreadJS 中的数据

4、为折线图添加数据

5、添加折线图

6、运行程序

在了解每个功能之前，需要先解释一下程序的主要结构。本例中共包含两张数据表，第一张为“Stock_Ticker”，第二张为“Data_Sheet”。数据可以通过单元级数据绑定直接绑定到 SpreadJS 实例中的第一个工作表“Stock_Ticker”。

“Data_Sheet”是自程序启动以来积压的股票开盘价。通常最好是跟踪自特定日期以来记录的值，但为了简化此程序，本例中仅基于程序开始时间，大约有十个最近的值。值的积压就是折线图需要显示的内容。

当在设计器中定义了模板并且格式与数据源的格式相匹配时，就可以使用“bindData”函数中调用的setDataSource 函数在工作表中进行设置。

此外，还可以为工作表“Data_Sheet”设置数据源，并能够从数据中自动生成列，因为我们不关心该工作表上的格式：

// Bind the data source for both of the sheets function bindData() { activeSheet.setDataSource(new GC.Spread.Sheets.Bindings.CellBindingSource(dataSource)); dataSheet.autoGenerateColumns = true; dataSheet.setDataSource(lineData); }为折线图添加数据

下一个要定义的函数是“addLineData”函数，它使用本教程前面定义的数组，并在每次从数据源接收到新值时为其添加一个值（如果该值与之前的值不同）：

// Add data with each update for the line chart function addLineData(lastPrice) { if (lineData.length >= lineDataMaxSize) lineData.shift(); stockCounter++; // Only add the data to the list for the line chart if the data has changed if (lastPrice != lineData[lineData.length-1].Value) { lineData.push({ Value:lastPrice }); } }添加折线图

我们可以通过在绑定到 lineData 数据源的“Data_Sheet”工作表中指定的单元格范围来创建折线图。我们还可以更改标题、轴、数据标签、图例和图表区域的格式——所有这些都在“addChart”函数内：

// Add the line chart function addChart() { // Define the area to load the chart into var startCellRect = activeSheet.getCellRect(11, 1); var endCellRect = activeSheet.getCellRect(24, 9); var chartStart = { x: startCellRect.x, y: startCellRect.y }; var chartArea = { width: endCellRect.x-startCellRect.x, height: endCellRect.y-chartStart.y } chart = activeSheet.charts.add('line', GC.Spread.Sheets.Charts.ChartType.line, chartStart.x, chartStart.y, chartArea.width, chartArea.height, 'Data_Sheet!$A$1:$A$' + lineDataMaxSize ); chart.allowMove(false); // Set the title of the chart chart.title({ text: activeSheet.getValue(2,1), color: "white" });

// Change the values on the y-axis to show changes easier // Hide the x-axis values, we only care about changes, not specific time values chart.axes({ primaryValue: { min: openPrice - chartAxisRange, max: openPrice + chartAxisRange }, primaryCategory: { visible: false } }); // Add data labels to the chart chart.dataLabels({ color: "white", format: "0.00", position: GC.Spread.Sheets.Charts.DataLabelPosition.above, showValue: true }); // Hide the legend; there is only one series used in this chart chart.legend({ visible: false }); // Change the color of the chart chart.chartArea({ backColor: "black", color: "white" }) }运行程序

添加所有代码后，运行程序就很容易了。在 Visual Studio Code 中打开终端并键入：

node index.js

然后在网络浏览器中导航到 localhost:3000：

从下拉菜单中选择一只股票以加载数据：

至此，一个在 SpreadJS 中使用实时数据源的简单示例就完成啦。借助 SpreadJS 中图表和数据绑定的强大功能，您可以做的不仅仅是显示数据。想要尝试该功能或查看 SpreadJS 的其他强大功能，可前往葡萄城官网立即下载试用版。

了解更多信息，欢迎私信我们，或者发送产品关键词“SpreadJS”。

【大盘行情】

上证指数收报3073.77点，跌1.07%，成交额2617亿元。深证成指收报10949.12点，跌1.58%，成交额3769亿元。创业板指收报2310.80点，跌1.53%，成交额1168亿元。

两市股票跌多涨少，2194只股票上涨，2636只股票下跌。其中33只涨停股、34只跌停股。涨停股主要集中于电力设备、新能源汽车、电子商务等行业或概念。跌停股主要集中于教育、房地产、新冠特效药等行业或概念板块。

【资金流向】

沪深两市全天成交额合计6398亿元，较上一日缩量1170亿元。贵州茅台成交额居首（收跌3.27%），为79.4亿元。其次是五粮液、格力地产、中国医药、以岭药业。

北向资金全天净买入11.56亿元，其中，沪股通净买入15.76亿元，深股通净卖出4.2亿元。北向资金成交金额818.25亿元，占A股总成交额12.79%，交易活跃度上升2.53%。

【新股表现】

北交所新股奔朗新材上市首日破发，收跌13.57%；公司主要从事超硬材料制品的研发、生产和销售。

北交所新股基康仪器上市首日破发，收跌5.54%；公司的主营业务为智能监测终端的研发、生产与销售，同时提供安全监测物联网解决方案及服务。

【热门板块】

房地产板块尾盘掀跌停潮，粤泰股份、天保基建、深振业A、沙河股份、陆家嘴、中交地产、信达地产、深物业A、三湘印象、南国置业、中国武夷等十余股跌停。

新冠特效药概念股陷入调整，中国医药跌停，终结3连板。

白酒股走低，海南椰岛跌停，口子窖、泸州老窖、贵州茅台、五粮液等盘中均跌近5%。

供销社概念股全天强势，天禾股份涨停，天鹅股份涨近5%。

汽车产业链个股午后走强，亚星客车2连板，索菱股份涨停。

【热门个股】

美吉姆跌停，第三、四大股东已累计减持1.01%公司股份。

全聚德（预制菜）5天4板，中晶科技（半导体）5天3板，天顺股份（物流）、生意宝（互联网金融）3连板，佳力图、悦心健康、东北制药2连板。

【公司动态】

章源钨业发布12月下半月长单报价，黑钨精矿(WO3≥55%):11.20万元/标吨；白钨精矿(WO3≥55%):11.05万元/标吨；仲钨酸铵(国标零级):17.20万元/吨。12月上半月上述长单报价分别为10.85万元/标吨、10.70万元/标吨、16.85万元/吨。

*ST吉艾收到深交所下发的关注函。要求公司说明山高速香榆及其合伙人、实际控制人等主体与公司、公司前控股股东及实际控制人、主要股东、董监高人员及关联方等之间的业务往来及资金往来情况，是否存在与本次捐赠事项相关的“抽屉”协议，是否存在其他与公司股权、资产、业务开展等相关的协议或安排，是否存在与公司保留上市地位或撤销退市风险警示等相关的协议或安排，是否存在其他尚未披露的协议或安排。公司控股股东、实际控制人（含前任）、董监高及上市公司关联方等自查近三个月对公司股票的交易情况，说明是否存在利用上市公司信息披露进行炒作或内幕交易情形。

纽泰格公告，全资子公司江苏迈尔汽车零部件有限公司与淮安高新技术产业开发区管理委员会签订了《投资协议-迈尔汽车零部件四期项目》等协议，项目主要建设内容为江苏迈尔四期扩产项目，项目计划总投资约1.68亿元，本次投资公司拟使用自有资金或自筹资金投入。江苏迈尔还以1190万元收购海迪芯半导体(南通)有限公司持有的奥辉半导体100%股权；收购后公司拟对奥辉半导体现有厂房进行改造建设用于江苏迈尔机加工扩产项目及智慧仓储。

中国铁建公告，公司面向专业投资者公开发行面值总额不超过200亿元（含200亿元）的公司债券，可在注册有效期内分期发行。本期债券发行规模为不超过30亿元（含30亿元）。

圣元环保公告，全资子公司圣元文旅拟聘请万豪国际集团旗下香港豪华国际酒店有限公司管理并经营在厦门市的五星级以上酒店项目。合同约定，公司厦门酒店项目将采用其旗下的经典奢华酒店品牌-“瑞吉（St. Regis）”。

晓鸣股份披露重要项目投资进展，截至目前，晓鸣股份南方种业中心（一期）项目建设已全部完成，其中1个孵化厅已正式投产，1个孵化厅设备已进入试运行调试；晓鸣股份红寺堡智慧农业产业示范园（一期）目前五个场区（40栋舍）已建成投产，公司正在推进该项目的后续建设事宜。

西藏药业在互动平台表示，公司治疗感冒相关药品有小儿双清颗粒。

中文在线在互动平台表示，公司拥有版权确权业务，基于公司自研的区块链使用国密算法+哈希值校验+区块链的技术手段，为版权电子数据提供存证服务，存证结果秒级上链、实时核验，可为创作者快速确权。未来，平台将推出版权电子数据要素的转让交易、版权许可使用、版权二创改编等功能。

康冠科技在互动平台表示，国内新冠疫情防控政策逐步放开后，公司持续保持对员工健康的关注，配备口罩、体温计、药品等相关物资，车间和生活区范围内每日严格执行消杀工作。目前产线员工感染人数较少，公司通过积极合理的人员调度，全力保障生产的有序进行，目前暂未受到明显影响。

力生制药在互动平台表示，公司正在加紧氨酚咖匹林、双清合剂、复方甘草片，vc等产品的生产，全力保障抗疫药品市场供应。目前公司产品市场渠道畅通。

吉林敖东在互动平台表示，目前小儿柴桂退热口服液、清热解毒口服液、金莲花口服液、桑菊感冒颗粒、对乙酰氨基酚泡腾片、维生素c泡腾片等热销产品已脱销，公司药品原料储备充足，已根据用药需求安排加班加点生产，全力保障市场供应。

欢乐家近日接受机构调研时表示，近期电商方面的销量有大幅增长，也有部分原因是恰逢双十二活动，也有大家对黄桃罐头关注等原因，热销产品以黄桃罐头为主，还包括橘子罐头和雪梨罐头等，主要购买地区是北京、江苏、河南等地。由于线上部分水果罐头销量增加同时快递物流近期出现运力减弱的情况，会出现短暂缺货或物流时效较慢的情况。

丽臣实业在互动平台表示，公司拥有消毒液生产线，生产的马头84消毒液主要在湖南及周边市场销售，目前占公司营收比重较小。

祖名股份在互动平台表示，公司目前主要为东方甄选代工鲜榨玉米汁，自今年8月初双方合作以来，公司已经累计为其供货近70万箱。除此之外，公司还与盒马等平台有良好合作。

德美化工在互动平台表示，公司的抗菌抗病毒整理剂DM-3015N可应用于口罩生产；除此以外，还可进一步广泛地应用于内衣、服装、毛巾、床上用品、皮革、墙布、电热毯等纺织品领域。

鲁抗医药在互动平台表示，公司子公司山东鲁抗医药集团赛特有限责任公司生产的缓解发热疼痛药物有：酮洛芬、布洛伪麻颗粒剂、安乃近片、对乙酰氨基酚片；抗病毒药物：盐酸吗啉胍、利巴韦林片；止咳药：盐酸氨溴索注射液。子公司青海鲁抗大地药业有限公司有缓解感冒发热药物：氨伽黄敏胶囊、安乃近；止咳类药物：润肺止咳胶囊、参蛤平喘胶囊、牛尾蒿油胶囊。目前公司子公司正加班加点满负荷生产，努力满足市场需求。

葵花药业在互动平台表示，布洛芬片为衡水子公司品种，对乙酰氨基酚片为武当子公司品种。公司会充分考虑市场需求，在条件允许的情况下，尽可能扩大感冒、退烧产品产能。

【行业政策】

中国12月1年期贷款市场报价利率（LPR）报3.65%，上月为3.65%；5年期以上LPR报4.3%，上月为4.3%。

国务院发布关于同意在沈阳等6个城市开展服务业扩大开放综合试点的批复，同意在沈阳市、南京市、杭州市、武汉市、广州市、成都市开展服务业扩大开放综合试点，试点期为自批复之日起3年。原则同意六城市服务业扩大开放综合试点总体方案，请认真组织实施。

市场监管总局召开近期涉疫药品和医疗用品稳价格保质量专题新闻发布会。总局党组成员、副局长田世宏出席并介绍近期涉疫药品和医疗用品稳价保质工作情况。下一步，总局将继续加大监管工作力度，保持高压执法态势，持续曝光典型案例，进一步做好涉疫药品和医疗用品稳价保质工作。

海关总署党委书记、署长俞建华主持召开党委会议。会议要求，围绕更好统筹疫情防控和经济社会发展，优化调整口岸疫情防控措施，积极推进边境陆路口岸有序复开，大力协调保障各类口岸通关顺畅，守住外防输入防线的同时便利国际经贸往来。

国家药监局消息，据统计，目前我国已经上市的退热、止咳、抗菌、抗病毒等四类药品共有194种，涉及批准文号约9000多个。关于老百姓十分关注的解热镇痛类常用药物布洛芬、对乙酰氨基酚的生产情况，根据2021年企业年度报告数据，布洛芬的有效文号共446个，其中2021年在产104个；对乙酰氨基酚的有效文号共986个，其中2021年在产111个。在有关部门协调支持下，目前，这两个品种的在产制剂企业都在逐步释放产能。

上一篇：股票n开头是什么意思(股票是什么意思和如何赚钱)

下一篇：公务员可以炒股吗知乎(税务局公务员可以炒股吗)