X-axis type lost after restyle

描述

If i create a bar chart with a categorical x-axis, where the x-values are strings of digits, then restyle it with new y-values, the categoricality of the x-axis is lost, and it becomes linear, as if the type had been freshly inferred from the values.

Here is a self-contained example (i'm afraid i don't have a codepen account):

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Restyle</title>
        <script src="https://cdn.plot.ly/plotly-latest.js"></script>
        <script>
            addEventListener("DOMContentLoaded", () => {
                const plot = document.getElementById("plot");

                Plotly.newPlot(plot,
                               {
                                   data: [{
                                       type: "bar",
                                       x: ["2", "5", "10", "30", "50"],
                                       y: [1, 2, 3, 4, 5]
                                   }],
                                   layout: {
                                       xaxis: {type: "category"}
                                   },
                                   config: {
                                       responsive: true
                                   }
                               });

                document.getElementById("restyle").addEventListener("click", () => {
                    Plotly.restyle(plot, {y: [[5, 4, 3, 2, 1]]}, 0);
                });
            });
        </script>
    </head>
    <body>
        <div id="plot"></div>
        <button id="restyle">Restyle</button>
    </body>
</html>

When the page loads, the x-axis is correctly categorical, but when you click the button, it becomes incorrectly linear.

I believe this is the same problem as described in the forum post "X-axis “category” type not honored after Plotly.restyle".

调研方向

先运行使用 Plotly.newPlot 和 Plotly.restyle 的自包含 HTML 示例，然后跟踪更新条形图的 restyle 路径。完成的标准是：替换 y 值后，x 轴仍保持分类类型，而不是被重新推断为线性类型。

由索引模型根据 Issue 内容生成。

评估

技术栈

javascript

领域

data-visualization

Issue 类型

缺陷

难度

3/5

预计耗时

1-2 天

活跃度

停滞

描述清晰度

基本清楚

新手友好度

45/100

描述

贡献指南

从这里开始

调研方向

评估

X-axis type lost after restyle

描述

贡献指南

从这里开始

调研方向

评估

把新 issue 发到你的邮箱