快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

搭建Highcharts曲线图导出工具-创新互联

Highcharts是非常不错的页面曲线图工具,官网在https://www.highcharts.com/download/

成都创新互联公司主要从事做网站、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务沂源,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

问题就是如果工作环境是个封闭的内网,曲线图就无法正常导出,就需要搭建本地导出服务器。

搭建方法如下:

官网介绍:https://www.hcharts.cn/docs/setting-up-the-server

官方提供了两种方式 一种是npm安装 一种是git安装

这里提供第一种,第二种我自己都没有成功过。

首先我们要找台能连接外网的独立服务器,先把环境包都装好。

1.安装nodejs

wget https://npm.taobao.org/mirrors/node/latest-v8.x/node-v8.9.1-linux-x64.tar.xz  淘宝镜像

xz -d node-v8.9.1-linux-x64.tar.xz

tar xf node-v8.9.1-linux-x64.tar    #直接得到编译好的二进制包

mv node-v8.9.1-linux-x64 /app/node

然后 vim /etc/profile

export NODE_HOME=/app/node

export PATH=$NODE_HOME/bin:$PATH

source /etc/profile  载入环境变量即可

验证  node -v 查看版本

2.安装highcharts模块

全局安装法

npm install -g cnpm --registry=https://registry.npm.taobao.org #启用淘宝镜像cnpm

cnpm install highcharts-export-server -g #于是自动装到/app/node/lib下面

#安装完毕后检查是否安装成功

highcharts-export-server

如此环境包都装好了,打包/app/node目录,然后移动到封闭环境的服务器上

3.启动服务器

vim config.cfg

{

"enableServer":1,

"port":3000,               #对外端口

"workers":60,      #启动线程数目   如果开的太少导图会有重复的问题

"logLevel":4,  #日志等级

“width":500,          #宽度

"LogDest":"/tmp",                        #日志路径

"LogFile":"highcharts-export-server.log",#日志文件名称

}

cd /app/node/lib/node_modules/highcharts-export-server

highcharts-export-server --fromFile config.cfg

后台启动法

安装 pm2

npm install pm2 -g

pm2 启动服务

cd /app/node/lib/node_modules/highcharts-export-server

pm2 start ./bin/cli.js --name highcharts-export -- --fromFile config.cfg

查看运行的进程

pm2 show highcharts-export

pm2 list   显示服务

pm2 monit 监控服务

pm2 stop/delete/kill  0/highcharts-export 停止服务

常见错误

SyntaxError: Use of const in strict mode.

nodejs版本问题

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


新闻标题:搭建Highcharts曲线图导出工具-创新互联
文章位置:http://6mz.cn/article/pddsd.html

其他资讯