Javascript Plotly.js表示CIELab添加渐变圆的极坐标图

我需要画一个CIELab图，如下图所示

我设法用Plotly重新创建了几乎所有的颜色，但我不知道如何添加表示颜色空间的渐变圆。我试图添加一个图像作为背景，但在放大或缩小时它没有缩放。有办法吗？另外，为什么“平移”按钮不显示在模式栏中

这就是我得到的：

这是我写的代码：

        var layout = {
            showlegend: false,
            polar: {
                domain: {
                    x: [0, 1],
                    y: [0, 1]
                },
                radialaxis: {
                    tickfont: {
                        size: 8
                    },
                    range: [0, 120]
                },
                angularaxis: {
                    tickfont: {
                        size: 8
                    },
                    rotation: 0,
                    direction: "counterclockwise",
                    dtick: 30
                },
                bgcolor: "rgba(0,0,0,0)"
            }
        }
        
        var initializeData = function(radius, angles, colors) {
            var data = [
                {
                    type: "scatterpolar",
                    mode: "markers",
                    r: radius,
                    theta: angles,
                    line: {
                        color: "#ff66ab"
                    },
                    marker: {
                        color: colors,
                        symbol: "circle",
                        size: 12
                    },
                    subplot: "polar"
                }
            ];

            Plotly.newPlot('tester', data, layout, {scrollZoom: true, displaylogo: false});
        }