`
Jack_吴凡
  • 浏览: 10110 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Echarts中仪表盘IE8以下底色变色的bug

阅读更多

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

0
1
分享到:
评论

相关推荐

    echarts设置图例颜色和地图底色的方法实例

    本文将详细介绍如何在ECharts中设置图例颜色和地图底色。 一、设置图例颜色 ECharts中的图例颜色可以通过配置`legend`对象的`itemStyle`属性来实现。具体来说,可以设置`itemStyle.normal.color`来指定图例项的...

    使用echarts 实现3D地球

    在ECharts中,3D地球的实现是通过其强大的3D渲染能力来完成的,可以用于展示全球数据分布或进行地理信息可视化。\n\n**1. ECharts 3D地球的基本概念**\n\nECharts的3D地球功能基于WebGL技术,能够创建逼真的3D模型。...

    C++写的底色透明圆盘仪表

    在这个项目中,"底色透明圆盘仪表包装类"表明开发者已经将这种可视化组件封装成了一个类,这样可以方便地在其他项目中复用。一个良好的封装应该包括初始化、设置参数(如颜色、大小、刻度、值范围等)、更新仪表显示...

    win8修改底色为绿豆沙

    在Windows 8操作系统中,用户有时可能希望个性化自己的桌面环境,改变系统底色来符合个人审美或提升使用体验。"win8修改底色为绿豆沙"这个话题涉及到的是如何调整Windows 8系统的颜色主题,使其呈现出类似绿豆沙的...

    证件换底色软件

    标题中的“证件换底色软件”指的是专门用于修改证件照片背景色的软件工具。这类软件在许多场景下非常实用,例如个人需要更改证件照底色以满足不同机构或部门的要求,或者企业处理大量员工证件照时需要统一背景色。...

    PB实现鼠标经过变色

    ### PB 实现鼠标经过变色功能详解 #### 一、背景与目的 在现代软件开发过程中,提升用户体验是一项至关重要的任务。其中,交互效果的设计能够显著增强用户界面的友好度和美观度。PowerBuilder(PB)作为一种流行的...

    底色高光.zip

    在IT行业中,"底色高光"通常与图形设计、图像处理或用户界面设计相关。在视觉艺术领域,底色和高光是创造深度、层次感以及吸引用户注意力的重要元素。底色通常指的是图像或设计中的主要背景颜色,而高光则是指在特定...

    iOS仿支付宝芝麻信用分数仪表盘动画效果

    在iOS开发中,为了实现类似支付宝芝麻信用分数的仪表盘动画效果,开发者通常需要自定义视图并结合Core Animation框架来完成。以下是对这个话题的详细解析: 首先,创建一个自定义视图类,比如`ZLDashboardView`,...

    word去掉底色方法.docx

    Word 去掉底色的多种方法 在 Word 文档中,经常会遇到从网上复制来的文章带有底色的情况,这时候我们需要去掉这些底色以保持文档的整洁性和可读性。下面我们将介绍 Word 去掉底色的多种方法。 方法一:使用边框和...

    移至按键 就变底色 VC++编程

    在VC++编程中,"移至按键 就变底色"这一主题通常涉及到GUI(图形用户界面)设计,特别是Windows应用程序开发。在这个场景下,我们可能需要实现一个功能,即当用户将鼠标光标移动到特定的按键上时,该按键的背景颜色...

    BUGFREE 使用培训

    通过以上详尽的介绍,我们可以了解到BUGFREE使用培训涵盖了从提交Bug到关闭Bug的整个生命周期中的关键环节,旨在提高软件测试与开发过程中的效率与准确性。这对于英文水平有限或者初次使用BUGFREE的用户来说非常有用...

    透明底色超酷图标合集(PNG高清晰格式)

    在这个压缩包中,所有图标都具有透明底色,这意味着设计师可以灵活地将这些图标应用到不同的设计项目中,而无需担心背景颜色的冲突。 透明底色的PNG图标在现代设计中尤其受欢迎,它们可以轻松地叠加在任何颜色或...

    如何修改合成记录底色

    在IT领域,尤其是在软件开发和系统管理中,用户经常需要自定义工作环境以提高效率和舒适度。"如何修改合成记录底色"这个主题涉及到的是一个特定场景下的颜色配置问题,主要针对那些使用特定工具,如SynTool的用户。...

    echart 环形图柱状图

    用echart实现的柱状图,折线图,环形图,柱状环形图。

    php实现的证件照换底色功能示例【人像抠图/换背景图】

    通过以下实例,我们将学习如何将一张具有特定背景的证件照片转换为具有新背景颜色的图片。 首先,要实现这个功能,我们需要理解基本的图像处理概念,包括图像资源、颜色处理和像素操作。PHP 提供了GD库,它是一套...

    易语言rgb_asm改变底色源码,易语言置入代码实现的接口

    本压缩包中的"易语言rgb_asm改变底色源码,易语言置入代码实现的接口"是一个易语言的扩展模块,它包含了一些核心功能的实现,如颜色处理、文本操作等。 首先,我们要理解“rgb_asm”这个概念。RGB代表红绿蓝,是...

    证件照换底色源码.zip

    在IT行业中,图像处理是一项非常重要的技术,尤其在证件照制作和编辑方面。这个名为"证件照换底色源码.zip"的压缩包文件显然包含了使用C#编程语言编写的源代码,其主要目的是实现证件照片背景颜色的更换。下面我们将...

Global site tag (gtag.js) - Google Analytics