选项卡，下拉菜单操做时的页面数据更新，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'];来改变饼图颜色；

转载于:https://www.cnblogs.com/zhangxinxin111/p/4835065.html