每周小结 parallel coordinate version 1.0

每周小结 2015.4.18

parallel_coordinate 每周小结

---

本周的任务

• [-] 1.在代码中可以修改不同的文件；
• [ ] 2.要能拖动dimension来改变维度之间的顺序（如果有能力可以加入动画效果，没有也可以）
• [ ] 3.要能brush一块区域，区域内的线高亮显示，区域外的变灰色。
• [-] 4.结合angular，加入一个slider控件，来控制线条的粗细，要能实时看到效果。
• [-] 最好是像《d3 on angular》书中那样，做成<pc></pc>的directive。

目前进度

目前的进度是画好了平行坐标轴
数据从data.json文件读入，
使用了category10的配色，第一个维度上值较近的线颜色相同
默认透明度0.5（有数据会重叠）

slider有两个，可以调节线条粗细和透明度

心得体会

一开始根本不知道怎么写……在github上搜了一圈，参考了这些相关代码……

综合：https://github.com/syntagmatic/parallel-coordinates
坐标轴：https://github.com/namjul/parallel-coordinates
brush: https://github.com/unsetbit/angular-parallel-coordinates

• 画坐标轴部分把别人代码先拿过来看一看，然后改一改。要是什么都没有自己想还是挺困难的……还是先从参考和修改别的人代码开始慢慢来。
  一开始画的图折线都炸了，好多跑到svg外面去了,找了半天原因，后来发现用的数据集格式不太对。json文件的属性顺序可能会不一样。

• 控制线条粗细参照《d3 on angularjs》上process-bar的写法。 一开始拖slider没反应……百密一疏return的地方没有把变量值返回……

• 加颜色的时候一开始写成按照index来配色，相邻的颜色都不一样，但是一开始用的数据太弱了没看出来……

---

【代码等写好全部功能再传好了=w=】
【是时候好好折腾一下github了】