Log-analysis NPM

#log-analysis

通过自定义日志模板分析日志文件，可自由搭配数据生成图表。

Guide

这是一个 grunt 插件, 所以你需要先安装 Grunt
参考 Grunt Getting Started
安装本插件
```
npm install log-analysis --save-dev
```
把数据文件 data.txt 存放到当前目录
配置 data.txt 数据如下，确保文件没有空行
```
1
2
3
```
用chrome浏览器打开 node_modules/log-analysis/index.html
开始进行数据分析
进入数据选项卡
点击数据源旁边的选择文件，选择 data.txt
然后点击添加数据源 ，可以见到列表中添加了一个数据源卡片
点击显示列表可以看到当前数据表格。index为行序号，value为每行数据的值
在过滤器栏输入过滤器名称:测试，点击添加过滤器
可以看到列表中有一个名称为测试的过滤器卡片被添加
点击过滤器卡片的显示配置，点击添加入口数据
在变量名位置填写：data
在选择数据位置填写数据源名称：C:\fakepath\data.txt
不同操作系统数据源名称可能不一样，以数据源卡片上的名称为准
点击刷新，可以看到数据表格与数据源卡片一样
打开当前页面的chrome浏览器控制台
控制台切换到console界面
点击过滤器卡片上的输出到控制台
可以看到控制台提示: 数据输出为window.data
在浏览器控制台console面板输入data并回车
可以看到控制台打印了当前入口数据为一个js数组：
```
["1", "2", "3"]
```
在过滤器卡片的请填写数据过滤代码位置填写过滤器代码：
```
return data.map(function(item){
	return {
		name: 'value',
		value: item * 2
	};
});
```
点击过滤器卡片的刷新按钮，可以看到数据表格的更新
表格多出了name列
每个过滤器都应该输出JSON数组[{},{},{}...]
以便后续组合分析

在顶部导航切换到视图选项卡
在图表栏填写图表名称示例
点击添加图表添加图表卡片
在图表卡片点击显示配置
点击添加入口数据，在变量名位置输入data
在选择数据位置输入过滤器名称测试
点击刷新, 可以看到数据表格显示到上面
在选择图表类型下拉框选择echarts/bar类型
点击刷新，可以看到界面显示了柱状图
在顶部导航切换到控制选项卡
在导出配置文件右边点击保存按钮
一个json文件会被下载下来

把这个json文件复制到项目目录

在项目目录配置gruntfile.js:

var $path = require('path');

module.exports = function(grunt) {
	grunt.initConfig({
		logAnalysis : {
			demo : {
				src : 'index.json'
			}
		}
	});

	grunt.loadNpmTasks('log-analysis');

	grunt.registerTask(
		'default',
		'the default task',
		[
			'logAnalysis'
		]
	);

};