centos/redhat安装node-echarts(后台生成echarts图片,中文不乱码)

一、更换yum 2

1.RedHat 更新CentOS Yum 2

2.centos更新阿里云yum 2

第一步:备份你的原镜像文件,以免出错后可以恢复。 2

第二步:下载新的CentOS-Base.repo/etc/yum.repos.d/ 2

第三步:运行yum makecache生成缓存 2

二、二进制安装nodejs 3

第一步:安装前准备 3

第二步:下载并安装nodejs 3

第三步:.配置nodejs 3

三、安装node-echarts 4

第一步:安装cairo库、pango库等 4

第二步:安装node-echarts 4

第三步:中文无法显示或乱码解决办法 4

参考资料: 5

 一、更换yum

1.RedHat 更新CentOS Yum

请参照

http://www.cnblogs.com/tangsen/p/5151994.html

http://blog.itpub.net/25313300/viewspace-708509/

更新。

 

2.centos更新阿里云yum

 

阿里云是最近新出的一个镜像源。得益与阿里云的高速发展,这么大的需求,肯定会推出自己的镜像源。

阿里云Linux安装镜像源地址:http://mirrors.aliyun.com/

CentOS系统更换软件安装源

第一步:备份你的原镜像文件,以免出错后可以恢复。

mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup

第二步:下载新的CentOS-Base.repo/etc/yum.repos.d/

CentOS 5

wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-5.repo

CentOS 6

wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-6.repo

第三步:运行yum makecache生成缓存

yum clean all

yum makecache

 

 

 

二、二进制安装nodejs

第一步:安装前准备

安装gcc环境(node-cavans需要gcc4.8及以上的编译环境)

yum -y install gcc make gcc-c++ openssl-develgcc

gcc -v

gcc版本低于4.8,则进行以下步骤,高于等于4.8则跳过本步骤直接进入第二步:下载并安装nodejs

# 支持 CentOS 6/7版本

yum install centos-release-scl-rh

yum -y install devtoolset-4-gcc devtoolset-4-gcc-c++

scl enable devtoolset-4 bash

echo "source /opt/rh/devtoolset-4/enable" >> ~/.bashrc

再次检查gcc版本

gcc -v

 

第二步:下载并安装nodejs

下载目录https://nodejs.org/dist/

这里选择linux64位的v0.10.24版本

cd /usr/local/src/

wget https://nodejs.org/dist/v0.10.24/node-v0.10.24-linux-x64.tar.gz --no-check-certificate

tar -xzvf node-v0.10.24-linux-x64.tar.gz

mv node-v0.10.24-linux-x64 node-v0.10.24

为了验证是否能够使用node,我们可以输入:

cd node-v0.10.24/bin

输入

./node -v

查看node版本,安装成功则能够成功显示node版本。

第三步:.配置nodejs

node能够在全局能够使用,需要添加连接,在控制台输入下面命令能够实现。其中“/usr/local/src/node-v0.10.24/bin/node”为二进制nodejs文件的目录,根据上面的步骤,我这里是直接解压到了/usr/local/src/目录下,所以路径为/usr/local/src/node-v0.10.24/bin/node

ln -s /usr/local/src/node-v0.10.24/bin/node /usr/local/bin/node  

ln -s /usr/local/src/node-v0.10.24/bin/npm /usr/local/bin/npm

配置完成后即可在任何目录下使用node

三、安装node-echarts

请参考https://github.com/suxiaoxin/node-echarts

第一步:安装cairo库、pango库等

Cairo是一个2D图形库,支持多种输出设备。

Pango(Παν语)是一个开放源代码的自由函数库,用于高质量地渲染国际化的文字。Pango可以使用不同的后端字体,并提供了跨平台支持。在与Cairo融合后,Pango可以完全进行文字处理和图形渲染。

sudo yum install cairo cairo-devel cairomm-devel libjpeg-turbo-devel pango pango-devel pangomm pangomm-devel giflib-devel

第二步:安装node-echarts

npm install node-echarts

进入demo目录测试:

cd /node-echarts/demo

node test.js


正常生产图片

第三步:中文无法显示或乱码解决办法

中文无法显示是因为node-canvas库缺乏相应的字体,node-canvas某一分支提供了加入字体的api,下面是解决办法:

1.git clone https://github.com/chearon/node-canvas.git

如果没有git命令,请yum安装:

yum install git

然后进入到clone的项目目录,执行

cd node-canvas

npm install

查看node-canvas是否安装成功,

ls node-canvas

如果没有bulid文件夹:

npm install -g node-gyp

cd node-canvas/

node-gyp rebuild

如果有bulid文件夹,继续查看:

ls node-canvas/build/Release/

如果有canvas.node,则安装成功

2.下载所需要的字体

3.进入/node-echarts目录测试:

我们的node-canvas安装在跟demo同一级目录,中文字体demo.js

 

可以cp demo/中文字体demo.js cn_test_demo.js

也可以修改引用的相对路径,这里我们copy了一份出来。

node cn_test_demo.js

 

  正常生产带中文图片

参考资料:

node-echartshttps://github.com/suxiaoxin/node-echarts

Node-canvas: https://github.com/Automattic/node-canvas

Node-canvas分支(加入字体API:https://github.com/chearon/node-canvas

Can't load canvas modulehttps://github.com/Automattic/node-canvas/issues/823

RedHat更新CentOS Yum http://www.cnblogs.com/tangsen/p/5151994.html

Centosyum源更换为国内的阿里云源:

http://www.centoscn.com/CentOS/config/2015/0416/5189.html

二进制安装nodejshttp://blog.csdn.net/qq_21794603/article/details/68067821

Cairo库:http://baike.baidu.com/item/cairo

Pango库:http://baike.baidu.com/item/Pango

ubuntu 14.04 CentOS升级GCC/G++5版本:

http://www.cnblogs.com/clor001/p/6084987.html

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值