[GitHub] [echarts] echarts-bot[bot] edited a comment on issue #14536: android8 【itemStyle-color-image】 is Script error

[GitBox <gi...@apache.org>]

echarts-bot[bot] edited a comment on issue #14536:
URL: https://github.com/apache/echarts/issues/14536#issuecomment-807974215


   @sandm1227 It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people, we'd like to suggest using English next time. 🤗
   <details><summary><b>TRANSLATED</b></summary><br>
   
   **BODY**
   
   ### Version
   5.0.2
   
   ### Steps to reproduce
   
   ```js
   import * as echarts from 'echarts/core';
   import {
       GaugeChart
   } from 'echarts/charts';
   import {
       CanvasRenderer
   } from 'echarts/renderers';
   echarts.use(
       [GaugeChart, CanvasRenderer]
   );
   
   mounted() {
       this._initEcharts();
   },
   
   method: {
       _initEcharts() {
           const chartDom = this.$refs.echartsDom;
           const imagDom = this.$refs.processPic;
           this.myChart = chartDom && echarts.init(chartDom);
   
           this.chartOption = {
               series: [{
                       z: 3,
                       type: 'gauge',
                       center: ["50%", "50%"],
                       radius: '98%',
                       min: 0,
                       max: 1000,
                       detail: {
                           valueAnimation: true,
                           formatter: '{value}%',
                           color: '#00BA38',
                           fontFamily: 'PingFangSC-Regular',
                           fontSize: '30',
                           offsetCenter: [0, 0]
                       },
                       title: {
                           color: '#00BA38',
                           fontFamily: 'PingFangSC-Regular',
                           fontSize: '12',
                           offsetCenter: [0, '-30%']
                       },
                       startAngle: 212,
                       endAngle: -32,
                       data: [{
                           value: 1000,
                           name: '我的薪资'
                       }],
                       axisLine: { // 仪表盘轴线(轮廓线)相关配置。
                           show: false, // 是否显示仪表盘轴线(轮廓线),默认 true。
                       },
                       axisTick: {
                           show: false
                       },
                       axisLabel: {
                           show: false
                       },
                       pointer: {
                           show: false
                       },
                       splitLine: {
                           show: false,
                       },
                       progress: {
                           show: true,
                           width: 24
                       },
                       itemStyle: {
                           color: {
                               image: imagDom,
                               repeat: 'no-repeat'
                           },
                       }
                   },
                   {
                       name: '业务指标2',
                       type: 'gauge',
                       center: ['50%', '50%'],
                       radius: '98%',
                       detail: {
                           show: false
                       }, // {formatter: '{value}'},
                       startAngle: 212,
                       endAngle: -32,
                       axisLine: { // 仪表盘轴线(轮廓线)相关配置。
                           show: true, // 是否显示仪表盘轴线(轮廓线),默认 true。
                           lineStyle: { // 仪表盘轴线样式。
                               color: [
                                   [0, 'pink'],
                                   [1, '#DEDBD7']
                               ],
                               width: 24, //轴线宽度,默认 30。
                               shadowColor: "#fff", //阴影颜色。支持的格式同color。
                           }
                       },
                       splitLine: {
                           show: false,
                       },
                       axisTick: {
                           show: false
                       },
                       axisLabel: {
                           show: false
                       },
                       pointer: {
                           show: false
                       },
                   }
               ]
           }
           // 绘制图表
           this.myChart.setOption(this.chartOption);
       }
   
   }
   ```
   
   ```html
   <div class="respage-infoBox-topRight-echarts" id="echartsDom" ref="echartsDom"></div>
   <img src="@/assets/表盘-背景色-t.png" ref="processPic" v-show="false" />
   ```
   
   ### What is expected?
   Android phone can be filled with image
   
   ### What is actually happening?
   The image on the android phone can't be filled in, reporting the wrong Script error
   </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.

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