d3简单学习

1、d3读取。csv文件，提示访问方式必须以http,https开头的请求方式。

安装http-server

安装后启动项目

2、点击按钮切换数据源（.csv） 

需要先清除数据

 d3.select("#bar-1").selectAll("rect").data([]).exit().transition().delay(100).remove(); 

渲染的时候给柱状图添加动画

 bara.selectAll("rect").data(data).enter()
        .append("rect")
        .transition()
        .duration(1000)

3、给d3生成的图形添加事件，使用ON

 .on("click", function (e, d) {
            console.log(d.a, d.b);
        })
        .on("mouseover", function (e,d) {
            tooltip.html("x coordinates:&nbsp"+d.a + "<br/>" +  "y coordinates:&nbsp"+ d.b)
                .attr('class','abs')
                .style("opacity", 1.0);
        })
        .on("mouseout", function (d) {
            tooltip.style("opacity", 0.0);
        });

4、随笔记：localStorage ，sessionStorage.

一般皮肤保存在sessionStorage里面，取的时候从session里面取。