[GitHub] [incubator-echarts] z525466324 commented on issue #10902: 引用echarts打包的app安装在苹果手机上, 左右拖动图表时特别的卡

[GitBox]

z525466324 commented on issue #10902: 引用echarts打包的app安装在苹果手机上, 左右拖动图表时特别的卡
URL: 
https://github.com/apache/incubator-echarts/issues/10902#issuecomment-514538413
 
 
   用的是cordova编译 然后用XCode打包的   配置项就是官网实例K线图的配置
   option = {
       animation: false,
       color: colorList,
       title: {
           left: 'center',
           text: '移动端 K线图'
       },
       legend: {
           top: 30,
           data: ['日K', 'MA5', 'MA10', 'MA20', 'MA30']
       },
       tooltip: {
           triggerOn: 'none',
           transitionDuration: 0,
           confine: true,
           bordeRadius: 4,
           borderWidth: 1,
           borderColor: '#333',
           backgroundColor: 'rgba(255,255,255,0.9)',
           textStyle: {
               fontSize: 12,
               color: '#333'
           },
           position: function (pos, params, el, elRect, size) {
               var obj = {
                   top: 60
               };
               obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
               return obj;
           }
       },
       axisPointer: {
           link: [{
               xAxisIndex: [0, 1]
           }]
       },
       dataZoom: [{
           type: 'slider',
           xAxisIndex: [0, 1],
           realtime: false,
           start: 20,
           end: 70,
           top: 65,
           height: 20,
           handleIcon: 
'M10.7,11.9H9.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4h1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z
 M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
           handleSize: '120%'
       }, {
           type: 'inside',
           xAxisIndex: [0, 1],
           start: 40,
           end: 70,
           top: 30,
           height: 20
       }],
       xAxis: [{
           type: 'category',
           data: dates,
           boundaryGap : false,
           axisLine: { lineStyle: { color: '#777' } },
           axisLabel: {
               formatter: function (value) {
                   return echarts.format.formatTime('MM-dd', value);
               }
           },
           min: 'dataMin',
           max: 'dataMax',
           axisPointer: {
               show: true
           }
       }, {
           type: 'category',
           gridIndex: 1,
           data: dates,
           scale: true,
           boundaryGap : false,
           splitLine: {show: false},
           axisLabel: {show: false},
           axisTick: {show: false},
           axisLine: { lineStyle: { color: '#777' } },
           splitNumber: 20,
           min: 'dataMin',
           max: 'dataMax',
           axisPointer: {
               type: 'shadow',
               label: {show: false},
               triggerTooltip: true,
               handle: {
                   show: true,
                   margin: 30,
                   color: '#B80C00'
               }
           }
       }],
       yAxis: [{
           scale: true,
           splitNumber: 2,
           axisLine: { lineStyle: { color: '#777' } },
           splitLine: { show: true },
           axisTick: { show: false },
           axisLabel: {
               inside: true,
               formatter: '{value}\n'
           }
       }, {
           scale: true,
           gridIndex: 1,
           splitNumber: 2,
           axisLabel: {show: false},
           axisLine: {show: false},
           axisTick: {show: false},
           splitLine: {show: false}
       }],
       grid: [{
           left: 20,
           right: 20,
           top: 110,
           height: 120
       }, {
           left: 20,
           right: 20,
           height: 40,
           top: 260
       }],
       graphic: [{
           type: 'group',
           left: 'center',
           top: 70,
           width: 300,
           bounding: 'raw',
           children: [{
               id: 'MA5',
               type: 'text',
               style: {fill: colorList[1], font: labelFont},
               left: 0
           }, {
               id: 'MA10',
               type: 'text',
               style: {fill: colorList[2], font: labelFont},
               left: 'center'
           }, {
               id: 'MA20',
               type: 'text',
               style: {fill: colorList[3], font: labelFont},
               right: 0
           }]
       }],
       series: [{
           name: 'Volume',
           type: 'bar',
           xAxisIndex: 1,
           yAxisIndex: 1,
           itemStyle: {
               normal: {
                   color: '#7fbe9e'
               },
               emphasis: {
                   color: '#140'
               }
           },
           data: volumes
       }, {
           type: 'candlestick',
           name: '日K',
           data: data,
           itemStyle: {
               normal: {
                   color: '#ef232a',
                   color0: '#14b143',
                   borderColor: '#ef232a',
                   borderColor0: '#14b143'
               },
               emphasis: {
                   color: 'black',
                   color0: '#444',
                   borderColor: 'black',
                   borderColor0: '#444'
               }
           }
       }, {
           name: 'MA5',
           type: 'line',
           data: dataMA5,
           smooth: true,
           showSymbol: false,
           lineStyle: {
               normal: {
                   width: 1
               }
           }
       }, {
           name: 'MA10',
           type: 'line',
           data: dataMA10,
           smooth: true,
           showSymbol: false,
           lineStyle: {
               normal: {
                   width: 1
               }
           }
       }, {
           name: 'MA20',
           type: 'line',
           data: dataMA20,
           smooth: true,
           showSymbol: false,
           lineStyle: {
               normal: {
                   width: 1
               }
           }
       }]
   };
   
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
us...@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscr...@echarts.apache.org
For additional commands, e-mail: dev-h...@echarts.apache.org