You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2022/06/17 02:40:29 UTC

[GitHub] [echarts] hb1005642457 opened a new issue, #17233: [Bug] 多Y轴导致x轴对象name偏移位置错误

hb1005642457 opened a new issue, #17233:
URL: https://github.com/apache/echarts/issues/17233

   ### Version
   
   4.7.0
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
   1.this.chart = echarts.init(container, 'macarons')
         this.chart.clear()
         console.log(toptions,'toption')
         this.chart.setOption(toptions)
   2.option JSON后的
   xAxis: Array(6)
   0: {type: 'category', axisLabel: {…}, axisLine: {…}, boundaryGap: true, splitLine: {…}, …}
   1: {name: '系统使用', type: 'category', position: 'bottom', offset: 25, axisTick: {…}, …}
   2: {name: '列表', type: 'category', position: 'bottom', offset: 50, axisTick: {…}, …}
   3: {name: 'sql执行和结果集', type: 'category', position: 'bottom', offset: 75, axisTick: {…}, …}
   4: {name: '行表', type: 'category', position: 'bottom', offset: 100, axisTick: {…}, …}
   5: {name: '缓存', type: 'category', position: 'bottom', offset: 125, axisTick: {…}, …}
   length: 6
   [[Prototype]]: Array(0)
   yAxis: Array(1)
   0: {type: 'value', minInterval: 0, axisLabel: {…}, axisLine: {…}, splitLine: {…}, …}
   length: 1
   [[Prototype]]: Array(0)
   [[Prototype]]: Object
    'toption'
   resize.js?1d40:108 0.8832535885167464 'percent'
   2
   TableButtonGroup.vue…e-loader-options:75 更新
   indexedDB.js:45 数据库连接成功
   3
   TableButtonGroup.vue…e-loader-options:75 更新
   GraphTable.vue?6c03:92 {"animation":false,"tooltip":{"confine":true,"trigger":"axis","axisPointer":{"type":"cross","label":{"backgroundColor":"#6a7985"}}},"color":["#1ab394","#1c86c4","#f8ac58","#ed5565","#26c6c8","#55b1fc","#9b59b6","#9cc1c2","#6468e3","#47c2a9","#499ecf","#f9bc79","#f07783","#77c0fc","#af7ac4","#afcdce","#8386e8"],"toolbox":{"show":true,"showTitle":true,"top":"0","right":"-5","bottom":"0","feature":{"saveAsImage":{"show":true,"title":"下载","iconStyle":{"normal":{"textPosition":"top","textAlign":"right"}},"name":"Parse CPU to Parse Elapsd及变化趋势","icon":"image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UA…76ovcNcBLVKnP+V1IQQ4LPU29LKyiQRQja2Vr8JShf+xMGXiLPFm54hwAAAABJRU5ErkJggg=="}}},"legend":{"type":"scroll","width":"75%","textStyle":{"color":"#ccc"}},"dataZoom":{"type":"slider","start":0,"end":100,"bottom":0,"height":"10px","moveHandleSize":0,"handleIcon":"path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,
 13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z","handleSize":"90%","borderRadius":200,"showDataShadow":false,"minSpan":10,"fillerColor":"#E8F3FD","handleStyle":{"borderColor":"#198DEF","borderWidth":"1"},"borderColor":"#474C4B","xAxisIndex":[0,1,2,3]},"grid":{"top":"10%","bottom":125,"left":"6%","right":80},"xAxis":[{"type":"category","axisLabel":{},"axisLine":{"lineStyle":{"color":"#969EAA"}},"boundaryGap":true,"splitLine":{"show":true},"axisTick":{"length":100}},{"name":"Parse Time CPU","type":"category","position":"bottom","offset":25,"axisTick":{"show":false},"axisLine":{"show":false},"nameTextStyle":{"color":"#585858"},"nameLocation":"start","nameGap":5,"data":[46527,2053,318911,115266,2953,250647,102309,115677,126926,2703,353120,124404,65199]},{"name":"Parse Time Elaped","type":"category","position":"bottom","offset":50,"axisTick":{"show":false},"axisLine":{"show":false},"nameTextStyle":{"color":"#585858"},"nameLocation":"s
 tart","nameGap":5,"data":[67135,3300,474439,170991,4231,372168,156071,177955,186775,4538,579019,195159,102887]},{"name":"Parse CPU to Parse Elapsd","type":"category","position":"bottom","offset":75,"axisTick":{"show":false},"axisLine":{"show":false},"nameTextStyle":{"color":"#585858"},"nameLocation":"start","nameGap":5,"data":[69.3,62.21,67.22,67.41,69.79,67.35,65.55,65,67.96,59.56,60.99,63.74,63.37]}],"yAxis":[{"type":"value","minInterval":0,"axisLabel":{},"axisLine":{"lineStyle":{"color":"#969EAA"}},"splitLine":{"show":true},"splitArea":{"show":false},"name":"ms","max":null,"min":null},{"type":"value","minInterval":0,"axisLabel":{},"axisLine":{"lineStyle":{"color":"#969EAA"}},"splitLine":{"show":false},"splitArea":{"show":false},"name":"%","max":100,"min":0}],"dataset":{"source":[{"Parse CPU to Parse Elapsd":69.3,"Parse Time Elaped":67135,"CHECKTIME":"2022-05-27 00:00:00","Parse Time CPU":46527},{"Parse CPU to Parse Elapsd":62.21,"Parse Time Elaped":3300,"CHECKTIME":"2022-05-28 00
 :00:00","Parse Time CPU":2053},{"Parse CPU to Parse Elapsd":67.22,"Parse Time Elaped":474439,"CHECKTIME":"2022-05-30 00:00:00","Parse Time CPU":318911},{"Parse CPU to Parse Elapsd":67.41,"Parse Time Elaped":170991,"CHECKTIME":"2022-05-31 00:00:00","Parse Time CPU":115266},{"Parse CPU to Parse Elapsd":69.79,"Parse Time Elaped":4231,"CHECKTIME":"2022-06-01 00:00:00","Parse Time CPU":2953},{"Parse CPU to Parse Elapsd":67.35,"Parse Time Elaped":372168,"CHECKTIME":"2022-06-02 00:00:00","Parse Time CPU":250647},{"Parse CPU to Parse Elapsd":65.55,"Parse Time Elaped":156071,"CHECKTIME":"2022-06-03 00:00:00","Parse Time CPU":102309},{"Parse CPU to Parse Elapsd":65,"Parse Time Elaped":177955,"CHECKTIME":"2022-06-04 00:00:00","Parse Time CPU":115677},{"Parse CPU to Parse Elapsd":67.96,"Parse Time Elaped":186775,"CHECKTIME":"2022-06-05 00:00:00","Parse Time CPU":126926},{"Parse CPU to Parse Elapsd":59.56,"Parse Time Elaped":4538,"CHECKTIME":"2022-06-06 00:00:00","Parse Time CPU":2703},{"Parse C
 PU to Parse Elapsd":60.99,"Parse Time Elaped":579019,"CHECKTIME":"2022-06-08 00:00:00","Parse Time CPU":353120},{"Parse CPU to Parse Elapsd":63.74,"Parse Time Elaped":195159,"CHECKTIME":"2022-06-09 00:00:00","Parse Time CPU":124404},{"Parse CPU to Parse Elapsd":63.37,"Parse Time Elaped":102887,"CHECKTIME":"2022-06-10 00:00:00","Parse Time CPU":65199}],"dimensions":["CHECKTIME","Parse Time CPU","Parse Time Elaped","Parse CPU to Parse Elapsd"]},"series":[{"type":"bar","symbol":"none","barMaxWidth":20},{"type":"bar","symbol":"none","barMaxWidth":20},{"type":"line","symbol":"none","yAxisIndex":1}],"graphic":[{"type":"line","bottom":100,"right":80,"style":{"fill":"#ccc"},"shape":{"x1":2000}},{"type":"line","bottom":75,"right":80,"style":{"fill":"#ccc"},"shape":{"x1":2000}},{"type":"line","bottom":50,"right":80,"style":{"fill":"#ccc"},"shape":{"x1":2000}},{"type":"line","bottom":25,"right":80,"style":{"fill":"#ccc"},"shape":{"x1":2000}}]}
   
   ### Current Behavior
   
   ![image](https://user-images.githubusercontent.com/32795466/174213122-7a646d1c-d124-40d9-bd1b-c5dc35ee6d89.png)
   ![image](https://user-images.githubusercontent.com/32795466/174213293-0d6ae4d4-108f-45af-8e29-c5a08ad748a0.png)
   在多Y轴时,x轴name的位置有偏移
   
   ![image](https://user-images.githubusercontent.com/32795466/174213355-c28edbd4-9ce0-431a-8ee8-04a5220ce950.png)
   ![image](https://user-images.githubusercontent.com/32795466/174213397-a326ded2-def8-447b-a1ba-03379ab1649f.png)
   单Y轴时表现不会有问题
   
   实际测试,在控制别的可变因素的情况下  筛选到了确实是多Y轴对x轴name的位置有影响
   
   ### Expected Behavior
   
   x轴name展示位置始终正确
   
   ### Environment
   
   ```markdown
   - OS:
   - Browser:
   - Framework:
   ```
   
   
   ### Any additional comments?
   
   _No response_


-- 
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.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org


[GitHub] [echarts] echarts-bot[bot] commented on issue #17233: [Bug] 多Y轴导致x轴对象name偏移位置错误

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #17233:
URL: https://github.com/apache/echarts/issues/17233#issuecomment-1158425577

   @hb1005642457 It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
   <details><summary><b>TRANSLATED</b></summary><br>
   
   **TITLE**
   
   [Bug] Multiple Y axes cause the x-axis object name offset position to be wrong
   </details>


-- 
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.

To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org