1. 程式人生 > 其它 >echarts實現顏色漸變

echarts實現顏色漸變

  itemStyle: {
                            normal: {
                                areaStyle: { type: 'linear', opacity: 0.3 },
                                color: new echarts.graphic.LinearGradient(
                                    0, 0, 0, 1,
                                    [
                                        { offset: 0, color: "#1890FF" },//開始的顏色
                                        //{ offset: 0.5, color: "#1890FF" },//中間的顏色 ,中間的顏色可根據需要新增
                                        { offset: 1, color: '#FFFFFF' }//結束的顏色
                                    ]
                                ),
                                lineStyle: {
                                    color: "#1890FF",
                                },
                                borderColor: "#1890FF",//拐點邊框顏色
                                borderWidth: 2//拐點邊框大小
                            }
                        },

效果如下圖所示