搭建Highcharts曲线图导出工具
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了搭建Highcharts曲线图导出工具相关的知识,希望对你有一定的参考价值。
Highcharts是非常不错的页面曲线图工具,官网在https://www.highcharts.com/download/
问题就是如果工作环境是个封闭的内网,曲线图就无法正常导出,就需要搭建本地导出服务器。
搭建方法如下:
官网介绍: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版本问题
以上是关于搭建Highcharts曲线图导出工具的主要内容,如果未能解决你的问题,请参考以下文章
如何在 laravel 中为 highcharts 做 if else 语句
HIGHCHARTS:drilldown.js更改饼图标签颜色
Highcharts 基本曲线图;Highcharts 带有数据标签曲线图表;Highcharts 异步加载数据曲线图表