用echarts设置仪表盘的富文本样式失效,麻烦大神看看

Ckuangf 2017-11-09 11:00:17

这是使用echarts实例自己写的,代码如下:这一段是可以实现富文本效果,显示值的字体大小和%的大小是不一样的
option = {
tooltip : {
formatter: "{a} <br/>{b} : {c}%"
},
toolbox: {
feature: {
restore: {},
saveAsImage: {}
}
},
series: [
{
name: '业务指标',
type: 'gauge',
detail: {
formatter: '{a|{value}}{b|%}',
rich: {
a: {
fontSize:30
},
b:{
fontSize:10
}
}
},
data: [{value: 50, name: '完成率'}]
}
]
};

setInterval(function () {
option.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
myChart.setOption(option, true);
},2000);

这一个是我自己写在js中的,结果是失效的,代码如下:
var option = {
series : [
{
name: title,
type: 'gauge',
radius: '100%',
min:"",
max:"",
endAngle:-45,
splitNumber:5,
axisLine: {
lineStyle: {
width: 0,
color: [[0.33, '#A3E06B'],[0.66, '#F9B530'],[1, '#ff8f83']],
}
},
axisTick: {
length:6,
lineStyle: {
color: 'auto'
}
},
axisLabel:{
formatter :function(params){
var temp = params.toFixed(1);
return temp;
},
textStyle: {
fontSize:_fontSize-4
}
},
splitLine: {
length:6,
lineStyle: {
color: 'auto'
}
},
pointer: {
width:3
},
detail: {
formatter: '{a|{value}}{b|%}',
rich: {
a: {
color: 'blue',
fontSize:30
},
b:{
fontSize:10
}
},
fontWeight: 'bolder',
textStyle:{
fontSize:_fontSize
},

offsetCenter :[0,'80%']

},
data:[{value:data}]
}
]
};
...全文
1041 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

39,083

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧