【 D3.js 进阶系列 — 1.2 】 读取 CSV 文件时乱码的解决方法
在 D3 中使用 d3.csv 读取 CSV 文件时，有时会出现乱码问题。怎么解决呢？
1. 乱码问题
使用 d3.csv 读取 xxx.csv 文件时，如果 xxx.csv 文件使用的是 UTF-8 编码，不会有什么问题。当然，个人认为尽量使用 UTF-8 编码，可以在同一编码内使用各国文字。
但是，如果 xxx.csv 文件使用的是 utf-8 编码，使用 Microsoft Excel 打开的时候，可能会出现乱码，因为国内的 Excel 默认使用 GB2312 打开，而且在打开的时候不能选择编码（ OpenOffice 没有这个问题 ）。当然，在 Excel 中也是有方法可以用 utf-8 编码打开的。具体的方法可以到网上去查。
GB2312 和 GB18030 等是国内常用的编码，如果 CSV 文件用这两种编码保存，那么用 Excel 可直接打开而不出现乱码。但是，如果用了，用 d3.csv 读取的时候，又会在可视化的时候出现乱码，这正是问题所在。
2. 解决方法
解决方法很简单，但是如果不知道的话，是很费心的。
一言以蔽之，解决方法需要： 在 D3 中能够手动设定用什么编码读取文件。
在 【进阶系列 1.0】 和 【进阶系列 1.1】中，使用了 d3.csv 和 d3.tsv 两个函数，也提到了，它们的区别仅仅是分隔符不同。也提到了，它们实质上都是 d3.dsv 函数，即：
d3.csv = d3.dsv(",", "text/csv");
d3.tsv = d3.dsv(" ", "text/tab-separated-values");
在 d3.dsv 的第二的参数中，其实可以添加编码的，形如：
var csv = d3.dsv(",", "text/csv;charset=gb2312");
var tsv = d3.dsv(" ", "text/tab-separated-values;charset=gb2312");
如此，你可以定义自己的 csv 和 tsv 读取函数，编码如上添加即可。使用方法形如：
csv("xxx.csv",function(error,csvdata){
}
tsv("xxx.tsv",function(error,tsvdata){
}
如此，乱码的问题即可解决。谢谢阅读。
文档信息
- 版权声明：署名（BY）-非商业性（NC）-禁止演绎（ND）
- 发表日期：2014年10月18日
- 更多内容：OUR D3.JS - 数据可视化专题站 和CSDN个人博客
- 备注：转载请注明出处，谢谢
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
