sandm1227 opened a new issue #14536:
URL: https://github.com/apache/echarts/issues/14536
### Version
5.0.2
### Steps to reproduce
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);
}
}
<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手机上可以image填充
### What is actually happening?
android手机上image无法填充，报错Script error
<!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
<!-- This issue is in English. DO NOT REMOVE -->
--
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:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
