选项卡,下拉菜单操做时的页面数据更新,highcharts,d3 结合。

1.选项卡:给要选中的元素添加css样式,加active,单击时先移除active,再把当前单击元素添加active。

             单击时页面切换,按钮和页面要有关联,通过获取$(this).text();年龄,教育,职业;调用switchpage()函数,传参为年龄教育职业,if判断;显示相应页面;

布局:

js代码:

2.下拉菜单:单击span时,ul显示,if判断ul状态,单击li,找到span,替换里面的内容;隐藏ul.-------

                关联数据时,获取value,通过value,传参数,更改请求的数据;

布局:

js:

   

 数据:

 

 

 

d3:

 

 

通过 Highcharts.getOptions().plotOptions.pie.colors = ['#5fd5ea','#ff6fb3'];来改变饼图颜色;

posted @ 2015-09-24 13:32  张鑫鑫是好人  阅读(725)  评论(0)    收藏  举报