其他公交公司用的公交电子站牌页面组件

1、修正在android游览器下的兼容性问题，主要是修正tspan使用getExtentOfChar(0).height获取高度，而不是使用getBBox().height

其他公交公司用的公交电子站牌页面组件
1、修正在android游览器下的兼容性问题，主要是修正tspan使用getExtentOfChar(0).height获取高度，而不是使用getBBox().height
徐烜
1 parent f31399f2
Showing 2 changed files with 49 additions and 50 deletions
front-end/h5/src/components/core/plugins/bsth/othergj/linechart/chart/othergj-eBusStop-line-chart.js
front-end/h5/src/components/core/plugins/index.js
@@ -259,7 +259,6 @@ export default {
                 <stop offset="100%" stop-color={this.chart_line_gradient_color_start} />
               </linearGradient>
             </defs>
-            s
             <g class="lineRouteGpsInfo" transform={ "translate(" + this.left_part_width + ",0)" }>
               <g class="line-wrap"></g>
               <g class="gps-wrap"></g>
@@ -1589,8 +1588,8 @@ export default {
         .style('fill', self.left_part_info_left_font_color)
         .attr('x', 0)
         .attr('dy', function () {
-          let tspan_box = d3.select(this.parentNode).select('tspan.lineName').node().getBBox()
-          return tspan_box.height + 2
+          let tspan_box_height = d3.select(this.parentNode).select('tspan.lineName').node().getExtentOfChar(0).height
+          return tspan_box_height + 2
         })
       textItemsEnter.select('text').append('tspan')
         .classed('endStop_right', true)
@@ -1604,8 +1603,8 @@ export default {
         .style('font-size', self.left_part_info_left_font_size)
         .style('fill', self.left_part_info_left_font_color)
         .attr('dy', function () {
-          let tspan_box = d3.select(this.parentNode).select('tspan.lineName').node().getBBox()
-          return tspan_box.height + 2
+          let tspan_box_height = d3.select(this.parentNode).select('tspan.lineName').node().getExtentOfChar(0).height
+          return tspan_box_height + 2
         })
       textItemsUpdate.select('tspan.endStop_right')
         .style('font-size', self.left_part_end_stop_font_size)
@@ -1619,12 +1618,12 @@ export default {
         .style('fill', self.left_part_info_left_font_color)
         .attr('x', 0)
         .attr('dy', function () {
-          let tspan_box_left = d3.select(this.parentNode).select('tspan.endStop_left').node().getBBox()
-          let tspan_box_right = d3.select(this.parentNode).select('tspan.endStop_right').node().getBBox()
-          if (tspan_box_left.height > tspan_box_right.height) {
-            return tspan_box_left.height + 2
+          let tspan_box_left_height = d3.select(this.parentNode).select('tspan.endStop_left').node().getExtentOfChar(0).height
+          let tspan_box_right_height = d3.select(this.parentNode).select('tspan.endStop_right').node().getExtentOfChar(0).height
+          if (tspan_box_left_height > tspan_box_right_height) {
+            return tspan_box_left_height + 2
           } else {
-            return tspan_box_right.height + 2
+            return tspan_box_right_height + 2
           }
         })
       textItemsEnter.select('text').append('tspan')
@@ -1639,12 +1638,12 @@ export default {
         .style('font-size', self.left_part_info_left_font_size)
         .style('fill', self.left_part_info_left_font_color)
         .attr('dy', function () {
-          let tspan_box_left = d3.select(this.parentNode).select('tspan.endStop_left').node().getBBox()
-          let tspan_box_right = d3.select(this.parentNode).select('tspan.endStop_right').node().getBBox()
-          if (tspan_box_left.height > tspan_box_right.height) {
-            return tspan_box_left.height + 2
+          let tspan_box_left_height = d3.select(this.parentNode).select('tspan.endStop_left').node().getExtentOfChar(0).height
+          let tspan_box_right_height = d3.select(this.parentNode).select('tspan.endStop_right').node().getExtentOfChar(0).height
+          if (tspan_box_left_height > tspan_box_right_height) {
+            return tspan_box_left_height + 2
           } else {
-            return tspan_box_right.height + 2
+            return tspan_box_right_height + 2
           }
         })
       textItemsUpdate.select('tspan.arrival_right')
@@ -1662,12 +1661,12 @@ export default {
         .style('fill', self.left_part_info_left_font_color)
         .attr('x', 0)
         .attr('dy', function () {
-          let tspan_box_left = d3.select(this.parentNode).select('tspan.arrival_left').node().getBBox()
-          let tspan_box_right = d3.select(this.parentNode).select('tspan.arrival_right').node().getBBox()
-          if (tspan_box_left.height > tspan_box_right.height) {
-            return tspan_box_left.height + 2
+          let tspan_box_left_height = d3.select(this.parentNode).select('tspan.arrival_left').node().getExtentOfChar(0).height
+          let tspan_box_right_height = d3.select(this.parentNode).select('tspan.arrival_right').node().getExtentOfChar(0).height
+          if (tspan_box_left_height > tspan_box_right_height) {
+            return tspan_box_left_height + 2
           } else {
-            return tspan_box_right.height + 2
+            return tspan_box_right_height + 2
           }
         })
       textItemsEnter.select('text').append('tspan')
@@ -1682,12 +1681,12 @@ export default {
         .style('font-size', self.left_part_info_left_font_size)
         .style('fill', self.left_part_info_left_font_color)
         .attr('dy', function () {
-          let tspan_box_left = d3.select(this.parentNode).select('tspan.arrival_left').node().getBBox()
-          let tspan_box_right = d3.select(this.parentNode).select('tspan.arrival_right').node().getBBox()
-          if (tspan_box_left.height > tspan_box_right.height) {
-            return tspan_box_left.height + 2
+          let tspan_box_left_height = d3.select(this.parentNode).select('tspan.arrival_left').node().getExtentOfChar(0).height
+          let tspan_box_right_height = d3.select(this.parentNode).select('tspan.arrival_right').node().getExtentOfChar(0).height
+          if (tspan_box_left_height > tspan_box_right_height) {
+            return tspan_box_left_height + 2
           } else {
-            return tspan_box_right.height + 2
+            return tspan_box_right_height + 2
           }
         })
       textItemsUpdate.select('tspan.startEnd_right')
@@ -20,8 +20,8 @@ import LbpBackground from &#39;core/plugins/lbp-background&#39;
 // import LbpTabs from 'core/components/plugins/lbp-tabs'
 /** 自定义的组件 */
-// import BsthLineChart from 'core/plugins/bsth/bsth-line-chart'
-// import BsthLineChartList from 'core/plugins/bsth/bsth-line-chart-list'
+import BsthLineChart from 'core/plugins/bsth/bsth-line-chart'
+import BsthLineChartList from 'core/plugins/bsth/bsth-line-chart-list'
 import BsthLineChartScrollList from 'core/plugins/bsth/bsth-line-chart-scrollList'
 import BsthSlide from 'core/plugins/bsth/bsth-slide'
 import BsthWeatherRealtime from 'core/plugins/bsth/bsth-weather-realtime'
@@ -396,29 +396,29 @@ export const pluginsList = [
     name: OthergjEBusStopLineChartList.name
   },
-  // {
-  //   i18nTitle: {
-  //     'en-US': 'LineChart',
-  //     'zh-CN': '线路模拟图'
-  //   },
-  //   title: '线路模拟图',
-  //   icon: 'list',
-  //   component: BsthLineChart,
-  //   visible: true,
-  //   name: BsthLineChart.name
-  // },
-  //
-  // {
-  //   i18nTitle: {
-  //     'en-US': 'LineChartList',
-  //     'zh-CN': '线路模拟图列表'
-  //   },
-  //   title: '线路模拟图列表',
-  //   icon: 'list',
-  //   component: BsthLineChartList,
-  //   visible: true,
-  //   name: BsthLineChartList.name
-  // },
+  {
+    i18nTitle: {
+      'en-US': 'LineChart',
+      'zh-CN': '线路模拟图'
+    },
+    title: '线路模拟图',
+    icon: 'list',
+    component: BsthLineChart,
+    visible: false,
+    name: BsthLineChart.name
+  },
+
+  {
+    i18nTitle: {
+      'en-US': 'LineChartList',
+      'zh-CN': '线路模拟图列表'
+    },
+    title: '线路模拟图列表',
+    icon: 'list',
+    component: BsthLineChartList,
+    visible: false,
+    name: BsthLineChartList.name
+  },
   {
     i18nTitle: {