问答

echarts bar3D 怎么设置渐变色?

作者:admin 2021-08-18 我要评论

看了官网的 文档 ,上面说 color 的值可以是一个 Function: 我用了如下的渐变色代码: color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ offset: 0, ...

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

看了官网的文档,上面说 color 的值可以是一个 Function:
image.png
我用了如下的渐变色代码:

color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
  offset: 0,
  color: '#508DFF'
  }, {
  offset: 1,
  color: '#26C5FE'
}]),

进行设置,但是不起作用。
bar3D 完整代码如下:

{
    type: 'bar3D',
    minHeight: 30,
    coordinateSystem: 'geo3D',
    bevelSize: 1,
    // bevelSmoothness: 50,
    itemStyle: {
        // color: [0.3, 0.8, 1, 1],
        color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
            offset: 0,
            color: '#508DFF'
        }, {
            offset: 1,
            color: '#26C5FE'
        }]),
        // opacity: 1
    },
    shading: 'lambert',
    data: barData,
    label: {
        show: true,
        formatter: function (params) {
            return params.name + '\n' + params.value[2];
        }
    }
}

希望各位大神指导一下,不胜感激???

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

相关文章
  • 使用箭头函数return数据不能实现

    使用箭头函数return数据不能实现

  • 个人小程序号能接入小程序3D地图吗?

    个人小程序号能接入小程序3D地图吗?

  • vue 移动端项目中,使用了better-scrol

    vue 移动端项目中,使用了better-scrol

  • css如何做出区域平均划分为四列

    css如何做出区域平均划分为四列

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