项目中用到了百度的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!