问答

echarts 渐变问题

作者:admin 2021-05-09 我要评论

渐变色是5个颜色,根据不同数值显示其中的一部分 比如数值是90,显示225度渐变色的前半段 ### progress: { // ... itemStyle: { color: { colorStops: [ { offse...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

image
渐变色是5个颜色,根据不同数值显示其中的一部分
比如数值是90,显示225度渐变色的前半段

###
progress: {
    // ...
    itemStyle: {
        color: {
            colorStops: [
                {
                    offset: 0, color: 'red' // 0% 处的颜色
                },
                {
                    offset: 0.25, color: 'blue' // 25% 处的颜色
                },
                {
                    offset: 0.5, color: 'green' // 50% 处的颜色
                },
                {
                    offset: 0.75, color: 'yellow' // 75% 处的颜色
                },
                {
                    offset: 1, color: '#58D9F9' // 100% 处的颜色
                }
            ],
        }
    }
    }
###

不是这样的渐变,是0-225度5个颜色的渐变,数值比如50,截取0-225度渐变的一部分

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • app内的web页面,img路径对,但是不显

    app内的web页面,img路径对,但是不显

  • 如何做下载功能?

    如何做下载功能?

  • 复杂正则表达式,实现思路

    复杂正则表达式,实现思路

  • vue一段简单的代码出现奇怪的问题?

    vue一段简单的代码出现奇怪的问题?

腾讯云代理商
海外云服务器