引用的文件是是uni-app官网案例提供的echarts.simple.min.js和echarts.vue；其中使用了柱状图、折线图等都没问题，在使用gauge时报错
是在下输了
- 发布：2019-02-21 17:02
- 更新：2022-01-28 17:10
- 阅读：3937
是在下输了 (作者)
你把你gauge的series换成这个试试：
series: [
{
name:'在线率',
type: 'gauge',
radius:'120%',
min: 0,
max: 100,
startAngle:180,
endAngle:0,
splitNumber: 1,
center:[190,150],
axisLine: { // 坐标轴线
show: true,
lineStyle: { // 属性lineStyle控制线条样式
color: [
[0/100, '#8954B6'],//根据实际数据动态改变
[1, '#CE62D6'],
],
width: 20, //半径
shadowColor: '#fff', //默认透明
shadowBlur: 1,
fontSize:30,
}
},
pointer: {
show:false
},
axisLabel: {
show:true,
// 坐标轴小标记
textStyle: { // 属性lineStyle控制线条样式
fontWeight: 'bolder',
color: '#ccc', //刻度数字颜色 隐藏
shadowColor: '#fff', //默认透明
shadowBlur: 10
}
},
axisTick: { // 坐标轴小标记
show:false,
splitNumber: 5,
length: 20, // 属性length控制线长
lineStyle: { // 属性lineStyle控制线条样式
color: '#eee', //坐标轴 小刻度线颜色
shadowColor: '#fff', //默认透明
shadowBlur: 10
}
},
splitLine: { // 分隔线
length: 20, // 属性length控制线长
lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
width: 3,
color: 'transparent', //分割线
shadowColor: '#fff', //默认透明
shadowBlur: 10
}
},
title: {
name:'在线率',
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
fontWeight: 'bolder',
fontStyle: 'italic',
color: '#000',
shadowColor: '#fff', //默认透明
shadowBlur: 10
}
},
detail: {
//show : true ,
borderColor: '#fff',
shadowColor: '#fff', //默认透明
textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
fontWeight: 'bolder',
fontSize: 14,
color: 'red'
},
formatter: "{value}%",
offsetCenter:[0,'-15%']
// formatter: function (value) {
// return '南京\n' + Number(value).toLocaleString()
// }
},
data: []
}
2019-05-20 16:51
wyz
回复 是在下输了:在其他问答中找到一些解决方法： 需要在h5下使用最新的echarts.js 需要以下几步 1.下载最新的echarts.min.js(建议官网按需生成) 2.将echarts.min.js拷贝到components\echarts 3.编辑刚才拷贝的echarts.min.js，检索“e(t.echarts={})”字符串 4.找到相邻的(this,function(t) 串 ，将其改为(this,function(t,window,document)保存即可
但是这样做有个问题，无法使用渐变。使用echarts提供的渐变方法会报错，真的很郁闷。
2019-05-20 17:05
7***@qq.com
回复 wyz: 到现在渐变还不能用，唉
2021-01-15 16:58