首页 > 解决方案 > 隐藏 Plotly for web 上的颜色栏

问题描述

代码:

<script>
            var z1 = [[1, 2, 1, 10, 3], [1, 4, 3, 1, 2], [8, 4, 5, 1, 2]];
            var x1 = [2, 4, 6, 8, 10];
            var y1 = [3, 6, 9];

                {% if x1 and y1 and z1 %}
              z1 = {{z1|tojson}};
              x1 = {{x1|tojson}};
              y1 = {{y1|tojson}};
                {% endif %}

        var data_z1 = { z: z1, x: x1, y: y1, type: 'surface', colorscale: 'Lava'/*, colorbar: {showscale: false}*/};
        var layout = {
              plot_bgcolor: "#dddddd",
              paper_bgcolor:"#dddddd",
              scene: { camera: { eye: { x: 1.8, y: 1.8, z: 1.5 } } },
              width: window.innerWidth / 100 * 19.2,
              height: window.innerWidth / 100 * 19.2,
              margin: {
                l: 0,
                r: 0,
                b: 0,
                t: window.innerWidth / 100 * 1.94
              }
            };

            Plotly.newPlot('myFunction', [data_z1], layout);

    </script>

我正在开发一个在线 Plotly 绘图员,并且想隐藏颜色条,尝试按照这里提到的内容进行操作,但无济于事。

标签: javascripthtmlwebplotly

解决方案


正如文档所拥有的那样,我应该做的就是

var data_z1 = { z: z1, x: x1, y: y1, type: 'surface', showscale: false};

特别是showscale: false.


推荐阅读