前端tab页切换局部刷新渲染echarts图表

近期项目中有好多个模块有tab页切换渲染echarts图,所以整理了一下,方便以后查看.关键的是html部分的id要和后台返回的数据中的对象frontProjectData中的键名保持一致.
大神们还有其他好的方法欢迎留言,互相学习!
直接上代码:
1.html部分

<div class="outsideBox">
      <div class="titleBox"><div class="title">前端项目</div></div>
      <div class="head">
        <div class="item itemOne selected" id="one">项目一</div>
        <div class="item itemTwo" id="two">项目二</div>
        <div class="item itemThree" id="three">项目三</div>
        <div class="item itemFour" id="four">项目四</div>
      </div>
      <div class="content" id="contentBar"></div>
    </div>

2.css样式部分

<style>
    .outsideBox {
      width: 600px;
      he