Plotly: установка одинакового порядка цветов для одинаковых элементов на 2 графиках

Question

Я использую Plotly в Javascript, чтобы сделать несколько графиков.

Я хочу сделать 2 p ie графика, показывающего распределение продаж по А) единицам Б).

С графиками все в порядке, но по мере того, как доля каждой категории меняется от одного графика к другому, цвета также меняются, что делает его менее интуитивно понятным для сравнения.

Мне нужно сохранить связь цветов к значениям X. Любая подсказка?

        grafico_categoria = document.getElementById('grafico_categoria');
        categorias = {{ arr_productos_categoria|safe }}
        yvalue = []
        labels = []
        $.each(categorias, function(index, value) {
                yvalue.push(value['uds']);
                labels.push(value['productos__categoria_producto__categoria_producto']);
        });
        value_1 = {values: yvalue,
              labels: labels,
              type: 'pie',
              hoverinfo: 'none',
              textinfo: "label+percent",
              textposition: "outside",
              automargin: true
              };
         data = [value_1,];
         var layout = {
              height: 300,
              width: 550,
              margin: {
                l: 10,
                r: 10,
                b: 10,
                t: 10,
                pad: 4
              },
          showlegend: false,
          paper_bgcolor: 'white',
          plot_bgcolor: 'white',
        };
        Plotly.newPlot(grafico_categoria, data, layout);

Answer 1

В случае, если кто-то еще ищет это, решение состоит в том, чтобы установить для параметра «Сортировка» значение false, таким образом диаграмма всегда сохраняет исходный порядок набора данных.

value_1 = {values: yvalue,
           sort: false,
           labels: labels,
           type: 'pie',
           hoverinfo: 'none',
           textinfo: "label+percent",
           textposition: "outside",
           automargin: true
           };