项目中用到了百度的Echarts,很棒的JS插件,基本上所有可配置的地方都被Kener-林峰做成了可配置的,
但是在使用过程中,也遇见了一些棘手的问题,下面和大家分享一下关于仪表盘变色的问题。
?
官方的OP:
option = {
tooltip : {
formatter: "{a} <br/>{b} : {c}%"
},
toolbox: {
show : true,
feature : {
mark : {show: true},
restore : {show: true},
saveAsImage : {show: true}
}
},
series : [
{
name:‘业务指标‘,
type:‘gauge‘,
detail : {formatter:‘{value}%‘},
data:[{value: 50, name: ‘完成率‘}]
}
]
};
?
但是当我们的美工小哥说仪表盘只想要两种色,我把颜色调成两个的时候,仪表盘的底色就会变为第一种自定义颜色的值,所以问题定位了,在echarts-2.2.3版本中,gauge组件当颜色只分段为2个或者1个的时候,在IE8或者以下环境,背景色会奇迹般的编程第一段的颜色。
?
问题解决,MARK!
原文:http://6318343.iteye.com/blog/2217203