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

问题描述

我需要绘制一张 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)"
            }
        }
        
        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});
        }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）