渐变色怎么调出来呢

[JslinSir]

areaStyle: { normal: { opacity: 0.9, color: new echarts.graphic.RadialGradient(0.5, 0.5, 1, [ { color: '#B8D3E4', offset: 0 }, { color: '#72ACD1', offset: 1 } ]) } }

请问下 new echarts.graphic.RadialGradient 这种内置对象怎么调出来呢？

[CarisL]

请问解决了吗。我也遇到同样的问题

[SunflowerGJ]

你好，我想问下你怎么知道要在areaStyle和color等设置之间再加个normal呢？哪里有文档吗？

[SongBana]

series: [ { type: 'line', smooth: true, symbol: 'circle', symbolSize: 0, itemStyle: { normal: { color: AppColors.main, }, }, data: chartInfo.yDate, areaStyle: { normal: { color: { colorStops: [ { offset: 0, color: AppColors.main }, { offset: 1, color: AppColors.white }, ], global: false, type: 'linear', x: 0, x2: 0, y: 0, y2: 1, }, }, }, }, ],

[arlovip]

唉😔，遇到好多坑啊，渐变色这个问题也弄了半天，终于好了，感谢这个库，不过也很心累啊，很多东西都不支持，没跟官网同步跟新，部分属性都是靠自己摸索搞出来，部分属性根本无法自定义！！

渐变色的设置，大家直接复制 **** 里面的内容，改一下颜色就好了

[
                    {
                        name: '喵喵喵',
                        type: 'bar',
                        showSymbol: false,

/********************************* 设置渐变色从这里开始 *****************************************/

                     itemStyle: {
                            normal: {
                                color: {
                                    type: 'linear',
                                    x: 0,
                                    y: 0,
                                    x2: 0,
                                    y2: 1,
                                    colorStops: [
                                        {offset: 0, color: '#22ce39'}, //  顶部设置的渐变颜色
                                        // {offset: 0.5, color: '#22ce39'}, //  中间设置的渐变颜色 --> 中间可以根据需要设置其他小数（比例）的颜色，比如从顶部往下 30% 的位置设置渐变色，就添加 {offset: 0.3, color: '你想要的渐变色'}
                                        {offset: 1, color: '#0b2d47'} // 底部设置的渐变颜色（靠近X轴的一段）
                                    ],
                                    global: false // 缺省为 false
                                },
                            },
                        },

/********************************* 设置渐变色到这里结束 *****************************************/
                        data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
                    }
  ]

希望有人把这个库继续维护下去😺

效果图