manage-client 3.2.4 → 3.2.6-aode

package/src/components/webmeter/newwebmeter/UserGasEchartsList.vue

@@ -1,13 +1,6 @@
 <template lang="html">
-  <div class="basic-main"  style="height: 100%;">
-    <div style="height: 10%;width: 100%;" v-show="echarts">
-      <div style="display: inline-block;">
-        <button @click="$parent.showEcharts()" class="button_clear button_spacing">隐藏图表</button>
-      </div>
-    </div>
-    <div style="height: 80%;width: 98%;">
-      <div id="userhandplan"></div>
-    </div>
+  <div>
+    <div id="userhandplan" style=" height: 98%;width: 98%;padding: 1% 1%;"></div>
   </div>
 </template>
 
@@ -23,20 +16,18 @@
       {data:{condition: self.condition, startDate: self.startdate, endDate: self.enddate}},
       {resolveMsg: null, rejectMsg: null}).then((res) => {
         // every_time,f_bv1,f_bv2,f_bv3,f_gas
-        let every_time = res.data.map(x => x.f_insert_date)
-        let f_bv1 = res.data.map(x => x.f_bv1)
-        // let f_gas = res.data.map(x => x.f_gas)
-        let f_gas1 = res.data.map(x => x.f_gas1)
-        let c = res.data.map(x => x.c)
-        let c1 = res.data.map(x => x.c1)
-        // for (var i = 0; i < res.data.length; i++) {
-        //   every_time[i] = res.data[i].f_insert_date
-        //   f_bv1[i] = res.data[i].f_bv1
-        //   f_gas[i] = res.data[i].f_gas
-        //   f_gas1[i] = res.data[i].f_gas1
-        // }
+        let every_time = []
+        let f_bv1 = []
+        let f_gas = []
+        let f_gas1 = []
+        for (var i = 0; i < res.data.length; i++) {
+          every_time[i] = res.data[i].f_insert_date
+          f_bv1[i] = res.data[i].f_bv1
+          f_gas[i] = res.data[i].f_gas
+          f_gas1[i] = res.data[i].f_gas1
+        }
         console.log(self.echarts)
-        self.set(every_time, f_bv1, f_gas1, c, c1)
+        self.set(every_time, f_bv1, f_gas, f_gas1)
       })
   }
   export default {
@@ -68,18 +59,9 @@
     },
     methods: {
       // every_time: 日期  f_bv1: 抄表成功率   f_gas: 日用气量
-      set (every_time, f_bv1, f_gas1, c, c1) {
+      set (every_time,f_bv1,f_gas,f_gas1) {
 
-        const statInfo = document.getElementById('userhandplan') // 获取图表元素
-        statInfo.style.width = window.innerWidth - 200 + "px";  //初始化echarts图表宽度
-        statInfo.style.height = window.innerHeight - 200 + "px";  //初始化echarts图表宽度
-        this.xc = this.$echarts.init(statInfo)
-        // 设置宽度自适应
-        window.addEventListener('resize', () => {
-          statInfo.style.width = window.innerWidth - 200 + "px";
-          statInfo.style.height = window.innerHeight - 200 + "px";
-          this.xc.resize();
-        })
+        this.xc = echarts.init(document.getElementById('userhandplan'))
         this.xc.setOption({
           'title': {
             'text': '抄表率分析',
@@ -90,34 +72,27 @@
               fontSize: 20
             }
           },
-
+          'backgroundColor': '#F8F8FF',
+          'color': '#384757',
           'tooltip': {
             'trigger': 'axis',
-            'extraCssText': 'height: auto;'
+            'extraCssText': 'width: auto;height: auto;'
           },
           'legend': {
             'data': [
               {
-                'name': '日均用气量(m³)',
-                'icon': 'circle',
-                'textStyle': {
-                  'color': '#7b5541',
-                  fontSize: 12
-                }
-              },
-              {
-                'name': '抄表成功户数',
+                'name': '日均户均用气量(成功)(m³)',
                 'icon': 'circle',
                 'textStyle': {
-                  'color': '#45c1b6',
+                  'color': '#7d8000',
                   fontSize: 12
                 }
               },
               {
-                'name': '再用户数',
+                'name': '日均户均用气量(在用)(m³)',
                 'icon': 'circle',
                 'textStyle': {
-                  'color': '#8a9e64',
+                  'color': '#7b5541',
                   fontSize: 12
                 }
               },
@@ -184,31 +159,17 @@
             }
           ],
           'grid': {
-            'top': '15%'
+            'top': '20%'
           },
           'series': [
             {
-              'name': '日均用气量(m³)',
-              'type': 'line',
-              'yAxisIndex': 1,
-              'data': f_gas1,
-              'itemStyle': {
-                'normal': {
-                  'color': '#7b5541',
-                  fontSize: 10
-                }
-              },
-              'smooth': true
-            },
-            {
-              'name': '抄表成功户数',
+              'name': '日均户均用气量(成功)(m³)',
               nameTextStyle: {
                 fontSize: 10
               },
               'type': 'bar',
-              'data': c1,
-              'barWidth': 'auto',
-              markPoint: {
+              'data': f_gas,
+              'markPoint': {
                 data: [
                   {type: 'max', name: '最大值'},
                   {type: 'min', name: '最小值'}
@@ -221,18 +182,19 @@
               },
               'itemStyle': {
                 'normal': {
-                  'color': '#45c1b6'
+                  'color': '#7d8000'
                 }
               },
+              'barWidth': 'auto',
               'barGap': '0'
             },
             {
-              'name': '再用户数',
+              'name': '日均户均用气量(在用)(m³)',
               nameTextStyle: {
                 fontSize: 10
               },
               'type': 'bar',
-              'data': c,
+              'data': f_gas1,
               'barWidth': 'auto',
               markPoint: {
                 data: [
@@ -247,7 +209,7 @@
               },
               'itemStyle': {
                 'normal': {
-                  'color': '#8a9e64'
+                  'color': '#7b5541'
                 }
               },
               'barGap': '0'

package/src/components/webmeter/newwebmeter/UserGasList.vue

@@ -1,11 +1,25 @@
 <template>
-  <div class="flex-row" v-show="!echarts">
-    <div id='app' class="basic-main">
+  <div class="flex-row">
+    <div id='app' class="basic-main" v-show="!echarts">
       <criteria-paged :model="model" :pager='true' v-ref:paged>
         <criteria partial='criteria' @condition-changed='$parent.search' v-ref:cri>
           <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
             <div class="row">
-
+              <div class="col-sm-2 form-group">
+                <label class="font_normal_body">表&nbsp;钢&nbsp;号&nbsp;</label>
+                <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
+                       v-model="model.f_meternumber" placeholder='表钢号'
+                       condition="uf.f_meternumber like '%{}%'" v-next-el='meternumber' v-el:meternumber
+                >
+              </div>
+              <div class="col-sm-2 form-group">
+                <label class="font_normal_body">组织机构</label>
+                <res-select :initresid="$parent.$parent.orgid"
+                            style="width:60%"
+                            @res-select="$parent.$parent.getRes"
+                            restype='organization'>
+                </res-select>
+              </div>
               <div class="col-sm-2 form-group">
                 <label class="font_normal_body">客户编号</label>
                 <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
@@ -19,20 +33,6 @@
                        v-model="model.f_username" placeholder='客户名称'
                        condition="u.f_user_name like '%{}%'" v-next-el='userid' v-el:username>
               </div>
-            <div class="col-sm-2 form-group">
-              <label class="font_normal_body">客户地址</label>
-              <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
-                     v-model="model.f_address" placeholder='地址'
-                     condition="a.f_address like '%{}%'" v-el:xq v-next-el='address' v-el:area
-              >
-            </div>
-              <div class="col-sm-2 form-group">
-                <label class="font_normal_body">表&emsp;&emsp;号</label>
-                <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
-                       v-model="model.f_meternumber" placeholder='表钢号'
-                       condition="uf.f_meternumber like '%{}%'" v-next-el='meternumber' v-el:meternumber
-                >
-              </div>
               <div class="span" style="float:right;margin-top:10px">
                 <button class="button_search button_spacing" @click="search()">查询</button>
                 <button class="button_clear button_spacing" @click="$parent.$parent.clearmsg">清空</button>
@@ -40,30 +40,23 @@
                               :field="$parent.$parent.getfield"
                               sqlurl="rs/logic/exportfile" sql-name="webmeter_getNewHandChanceList" template-name='抄表分析'
                               :choose-col="true"></export-excel>
-                <button class="button_export button_spacing" @click="$parent.$parent.showEcharts()">显示图表</button>
                 <div style="float: right" class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}" @click="$parent.$parent.hidden()"></div>
               </div>
             </div>
             <div class="row" v-show="$parent.$parent.criteriaShow">
               <div class="col-sm-2 form-group">
-                <label class="font_normal_body">公&emsp;&emsp;司</label>
-                <right-tree @re-res="$parent.$parent.getRes"
-                            :initresid='$parent.$parent.orgid'></right-tree>
-<!--                    <label class="font_normal_body">组织机构</label>-->
-<!--                <res-select :initresid="$parent.$parent.orgid"-->
-<!--                            style="width:60%"-->
-<!--                            @res-select="$parent.$parent.getRes"-->
-<!--                            restype='organization'>-->
-<!--                </res-select>-->
+                <label class="font_normal_body">客户地址</label>
+                <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
+                       v-model="model.f_address" placeholder='地址'
+                       condition="a.f_address like '%{}%'" v-el:xq v-next-el='address' v-el:area
+                >
               </div>
-<!--              <res-select-group :initres="$parent.$parent.initres"  :show-component="['company']" @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>-->
               <div class="col-sm-2 form-group">
                 <label class="font_normal_body">用户类型</label>
                 <v-select style="width:60%" id="f_user_type"
                           v-model="model.f_user_type"
                           placeholder='用户类型'
                           :value.sync="model.f_user_type"
-                          @change="$parent.$parent.userTypeChange()"
                           :options='$parent.$parent.usertypes'
                           condition="uf.f_user_type = '{}'"
                           close-on-select>
@@ -75,42 +68,12 @@
                           v-model="model.f_gasproperties"
                           placeholder='用气性质'
                           :value.sync="model.f_gasproperties"
-                          :options='$parent.$parent.gasproperties'
+                          :options='$parent.$parent.Gasproperties'
                           condition="uf.f_gasproperties = '{}'"
                           close-on-select>
                 </v-select>
               </div>
-              <div class="col-sm-2 form-group">
-                <label class="font_normal_body">气表品牌</label>
-                <v-select
-                  placeholder='气表品牌'
-                  :value.sync="model.f_meter_brand"
-                  v-model="model.f_meter_brand"
-                  :options='$parent.$parent.WarningType'
-                  @change="$parent.$parent.getMeterType"
-                  close-on-select
-                  condition="gb.f_meter_brand='{}'">
-                </v-select>
-              </div>
-              <div class="col-sm-2 form-group" >
-                <label class="font_normal_body">气表型号</label>
-                <v-select v-if="$parent.$parent.styles"
-                          placeholder='气表型号'
-                          :value.sync="model.f_meter_style"
-                          v-model="model.f_meter_style"
-                          :options='$parent.$parent.Warningstyle'
-                          close-on-select
-                          condition="gm.f_meter_style='{}'">
-                </v-select>
-                <v-select v-if="!$parent.$parent.styles"
-                          placeholder='气表型号'
-                          :value.sync="model.f_meter_style"
-                          v-model="model.f_meter_style"
-                          :options='$parent.$parent.Warningstyles'
-                          close-on-select
-                          condition="f_meter_style='{}'">
-                </v-select>
-              </div>
+
               <div class="col-sm-2 form-group">
                 <label class="font_normal_body" style="word-break:keep-all;">上报时间</label>
                 <datepicker style="width:60%" placeholder="起始时间"
@@ -127,31 +90,6 @@
                             :format="'yyyy-MM-dd HH:mm:ss'"
                 ></datepicker>
               </div>
-              <div class="col-sm-2 form-group">
-                <label class="font_normal_body">壁&ensp;挂&ensp;炉</label>
-                <v-select id="f_meter_brand"
-                          v-model="model.f_usetype"
-                          placeholder='壁挂炉'
-                          :value.sync="model.f_usetype"
-                          :options='$parent.$parent.usetypes'
-                          condition="" :search="false"
-                          close-on-select style="width: 60%">
-                </v-select>
-              </div>
-              <div class="col-sm-2 form-group">
-                <label class="font_normal_body">房屋类型</label>
-                <v-select :value.sync="model.f_house_type" v-model="model.f_house_type"
-                          :options='$parent.$parent.houseTypes' placeholder='请选择'
-                          close-on-select
-                          condition=""></v-select>
-              </div>
-              <div class="col-sm-2 form-group">
-                <label class="font_normal_body">安装位置</label>
-                <v-select :value.sync="model.f_position" v-model="model.f_position"
-                          :options='$parent.$parent.positions' placeholder='请选择'
-                          condition=""
-                          close-on-select></v-select>
-              </div>
             </div>
           </div>
         </criteria>
@@ -168,7 +106,8 @@
               <th style="text-align:center" title="用户使用率=在用户数/正常户数"><nobr>用户使用率</nobr></th>
               <th style="text-align:center"><nobr>抄表成功户数</nobr></th>
               <th style="text-align:center"><nobr>总用气量</nobr></th>
-              <th style="text-align:center" title="日均用气量=总用气量/在用户数"><nobr>日均用气量</nobr></th>
+              <th style="text-align:center" title="日均户均用气量=总用气量/抄表成功户数"><nobr>日均户均用气量(成功)</nobr></th>
+              <th style="text-align:center" title="日均户均用气量=总用气量/在用户数"><nobr>日均户均用气量(在用)</nobr></th>
               <!--<th style="text-align:center"><nobr>指令成功户数</nobr></th>-->
               <th style="text-align:center" title="抄表成功率=抄表成功户数/在用户数"><nobr>抄表成功率</nobr></th>
               <!--<th style="text-align:center" title="指令成功率=指令成功户数/抄表成功户数"><nobr>指令成功率</nobr></th>-->
@@ -188,6 +127,7 @@
               <!--<td style="text-align:center"><nobr>{{row.f_gas}}</nobr></td>-->
               <td style="text-align:center">{{row.c1}}</td>
               <td style="text-align:center">{{row.f_gas_all}}</td>
+              <td style="text-align:center">{{row.f_gas}}</td>
               <td style="text-align:center">{{row.f_gas1}}</td>
               <td style="text-align:center">{{row.f_bv1}}%</td>
               <!--<td style="text-align:center">{{row.f_bv2}}%</td>-->
@@ -198,23 +138,21 @@
         </data-grid>
       </criteria-paged>
     </div>
-<!--    <div style="height: 40px;width: 100%;" v-show="echarts">-->
-<!--      <button class="button_search button_spacing" @click="showEcharts()">隐藏图表</button>-->
-<!--    </div>-->
-
-  </div>
-  <!--图显示模板-->
-  <div class="flex-row" v-if="echarts" style="width: 100%;height: 98%;">
-    <user-gas-echarts-list :condition="condition" :startdate="startDate"
-                           :enddate="endDate" :echarts="echarts"></user-gas-echarts-list>
+    <div style="height: 40px;width: 100%;" v-show="echarts">
+      <button class="button_search button_spacing" @click="showEcharts()">隐藏图表</button>
+    </div>
+    <!--图显示模板-->
+    <div class="span " v-show="echarts" style="width: 100%;height: 90%;">
+      <user-gas-echarts-list :condition="condition" :startdate="startDate"
+                             :enddate="endDate" :echarts="echarts"></user-gas-echarts-list>
+    </div>
   </div>
 </template>
 <script>
-  import {HttpResetClass, PagedList} from 'vue-client'
+  import {PagedList} from 'vue-client'
   import UserGasEcharts from './UserGasEchartsList'
   import * as Util from '../../../Util'
   import plugins from '../../../plugins/GetLoginInfoService'
-  import plugin from 'system-clients/src/plugins/GetLoginInfoService'
 
   export default {
     title: '抄表分析',
@@ -225,15 +163,7 @@
         model: new PagedList('rs/sql/webmeter_getNewHandChanceList', 50, {startDate: 'this.model.startDate', endDate: 'this.model.endDate'}),
         condition: '1=1',
         startDate: '',
-        gasproperties:[{label: '全部', value: ''}],
         endDate: '',
-        WarningType: [
-          {label: '全部', value: ''}
-        ],
-        Warningstyles: [
-          {label: '全部', value: ''}
-        ],
-        styles:false,
         orgid:[this.$login.f.orgid],
         getfield:{"f_insert_date":"上报日期","anzhuang":"安装户数",
           "c0":"停用户数",
@@ -242,89 +172,25 @@
           "f_gas_all":"总用气量","f_gas":"日均户均用气量(成功)",
           "f_gas1":"日均户均用气量(在用)",
           "f_bv1":"抄表成功率"
-        },
+          },
         criteriaShow:false,
         echarts: false,
         orgCondtionStr: '(' + this.$login.f.orgid + ')',
         searchshow: false,
-        initres: {
-          org:[this.$login.f.orgid],
-          dep:[],
-          user:[]
-        },
         obj: {
           userid: this.$login.f.id,
           source: `tool.getFullTree(this.getRights().where(row.getType() == $organization$))`,
           res: this.$login.f.f_fengongsi,
           resids: this.$login.f.orgid
-        },
-        usetypes: [{label: '全部', value: ''},{label: '是', value: `= '壁挂炉'`},{label: '否', value: `!= '壁挂炉'`}]
+        }
       }
     },
     ready () {
-      this.$refs.paged.$refs.cri.model.startDate = Util.addDate(new Date(),-6).substring(0,10) + ' 00:00:00'
+      this.$refs.paged.$refs.cri.model.startDate = Util.toStandardDateString() + ' 00:00:00'
       this.$refs.paged.$refs.cri.model.endDate = Util.toStandardDateString() + ' 23:59:59'
-      this.getMeterTypeAndBrand('f_meter_brand', '1=1')
       this.$refs.paged.$refs.cri.search()
     },
     methods: {
-      getMeterType() {
-        this.Warningstyle = [{label: '全部', value: ''}]
-        this.styles = false
-        let f_meter_brand = this.$refs.paged.$refs.cri.model.f_meter_brand
-        this.getMeterTypeAndBrand('f_meter_style', `f_meter_brand='${f_meter_brand}'`)
-      },
-      getMeterTypeAndBrand(groupname, condition) {
-        condition = `${condition} and ui.f_orgid like '${this.$login.f.orgid}%'`
-        let self = this
-        let load = new HttpResetClass()
-        load.load('POST', 'rs/sql/getMeterStyleAndBrand1', {
-          data: {
-            condition: condition,
-            groupname: groupname
-          }
-        }, {warnMsg: null, resolveMsg: null}).then((res) => {
-          let dr = {label: '', value: ''}
-          let i = 0
-          for (i = 0; i < res.data.length; i++) {
-            dr = {label: '', value: ''}
-            if (groupname == 'f_meter_brand') {
-              dr.label = res.data[i].f_meter_brand
-              dr.value = res.data[i].f_meter_brand
-              //气表品牌
-              self.WarningType.push(dr)
-              console.log('气表品牌~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~')
-              console.log(dr)
-              console.log( self.WarningType)
-            } else if (groupname == 'f_meter_style') {
-              dr.label = res.data[i].f_meter_style
-              dr.value = res.data[i].f_meter_style
-              //气表类型
-              self.Warningstyle.push(dr)
-            }
-          }
-          if (self.Warningstyle.length > 1) {
-            self.showMeterStyle()
-          }
-        })
-
-      },
-      showMeterStyle() {
-        this.styles = true
-      },
-      userTypeChange () {
-        this.gasproperties=[{label: '全部', value: ''}]
-        if(this.$refs.paged.$refs.cri.model !==null) {
-          this.$refs.paged.$refs.cri.model.f_gasproperties=''
-
-          console.log(this.$refs.paged.$refs.cri.model.f_user_type[0])
-          this.gasproperties = this.$appdata.getParam(this.$refs.paged.$refs.cri.model.f_user_type[0])
-          // this.gasproperties.push({label: '全部', value: ''})
-        }
-        else{
-          this.gasproperties =[{label: '全部', value: ''}]
-        }
-      },
       hidden(){
         this.criteriaShow = !this.criteriaShow
       },
@@ -372,25 +238,11 @@
         args.condition = this.condition
         this.model.search(args.condition, args.model)
       },
-      // getRes (obj) {
-      //   this.orgCondtionStr = plugins.convertToIn(obj)
-      // }
       getRes (obj) {
-        this.orgCondtionStr = plugins.convertToIn(obj.resids)?plugin.convertToIn(obj.resids):'(' + this.$login.f.orgid + ')'
+        this.orgCondtionStr = plugins.convertToIn(obj)
       }
-      // getRes(condition,obj) {
-      //   this.orgCondtionStr = condition
-      //   this.orgname = obj.orgnames[0]
-      //   this.depname = obj.depnames[0]
-      // }
     },
     computed: {
-      houseTypes() {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('房屋类型')]
-      },
-      positions() {
-        return [{label: '全部', value: ''}, ...this.$appdata.getParam('安装位置')]
-      },
       getCondition() {
         var con=""
         if (this.orgCondtionStr) {
@@ -418,6 +270,9 @@
       valveStatus () {
         return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
       },
+      Gasproperties () {
+        return [{label: '全部', value: ''}, ...this.$appdata.getParam('用气性质')]
+      },
       Getuserstyle () {
         return [{label: '全部', value: ''}, ...this.$appdata.getParam('用气类型')]
       }

package/src/components/webmeter/newwebmeter/UserInstructEchartsList.vue

@@ -72,6 +72,8 @@
               fontSize: 20
             }
           },
+          'backgroundColor': '#F8F8FF',
+          'color': '#384757',
           'tooltip': {
             'trigger': 'axis',
             'extraCssText': 'width: auto;height: auto;'
@@ -79,7 +81,7 @@
           'legend': {
             'data': [
               {
-                'name': '当日表端接收',
+                'name': '指令成功表具数',
                 'icon': 'circle',
                 'textStyle': {
                   'color': '#5b5',
@@ -87,7 +89,7 @@
                 }
               },
               {
-                'name': '当日发送指令',
+                'name': '总表具数',
                 'icon': 'circle',
                 'textStyle': {
                   'color': '#233564',
@@ -95,12 +97,28 @@
                 }
               },
               {
-                'name': '当日接收成功率%',
+                'name': '表具指令成功率%',
+                'icon': 'circle',
+                'textStyle': {
+                  'color': '#ffaa00',
+                  fontSize: 20
+                }
+              },
+              {
+                'name': '指令成功率%',
                 'icon': 'circle',
                 'textStyle': {
                   'color': '#ffaaff',
                   fontSize: 20
                 }
+              },
+              {
+                'name': '综合指令成功率%',
+                'icon': 'circle',
+                'textStyle': {
+                  'color': '#ff0000',
+                  fontSize: 20
+                }
               }
             ],
             'top': '10%',
@@ -161,7 +179,7 @@
           },
           'series': [
             {
-              'name': '当日表端接收',
+              'name': '指令成功表具数',
               nameTextStyle: {
                 fontSize: 15
               },
@@ -187,7 +205,7 @@
               'barGap': '0'
             },
             {
-              'name': '当日发送指令',
+              'name': '总表具数',
               nameTextStyle: {
                 fontSize: 15
               },
@@ -213,7 +231,20 @@
               'barGap': '0'
             },
             {
-              'name': '当日接收成功率%',
+              'name': '表具指令成功率%',
+              'type': 'line',
+              'yAxisIndex': 1,
+              'data': f_bv1,
+              'itemStyle': {
+                'normal': {
+                  'color': '#ffaa00',
+                  fontSize: 15
+                }
+              },
+              'smooth': true
+            },
+            {
+              'name': '指令成功率%',
               'type': 'line',
               'yAxisIndex': 1,
               'data': f_bv2,
@@ -224,6 +255,19 @@
                 }
               },
               'smooth': true
+            },
+            {
+              'name': '综合指令成功率%',
+              'type': 'line',
+              'yAxisIndex': 1,
+              'data': f_bv0,
+              'itemStyle': {
+                'normal': {
+                  'color': '#ff0000',
+                  fontSize: 15
+                }
+              },
+              'smooth': true
             }
           ]
         })