Как отобразить график с определенным цветом, когда данные недоступны в Victory P ie? - PullRequest
Новая
       39

Как отобразить график с определенным цветом, когда данные недоступны в Victory P ie?

0 голосов
/ 06 марта 2020

Прямо сейчас, когда я установлю значение y на 0, график не будет виден, но здесь я хочу отобразить круг или победу p ie серого цвета, когда все значения y равны 0. Есть ли какой-нибудь путь в победе P ie для отображения графика серым цветом, когда данные недоступны? 

<VictoryPie
 colorScale={["tomato", "orange", "gold"]}
   data={[
    { x: "Cats", y: 35 },
    { x: "Dogs", y: 40 },
    { x: "Birds", y: 55 }
  ]}
/>

Сейчас график выглядит так, когда данные доступны enter image description here

Ожидаемый вывод графика должен быть таким, как показано ниже, когда данные недоступны или значения y равны 0.

enter image description here

1 Ответ

0 голосов
/ 06 марта 2020

Этот следующий код не фокусируется на синтаксических ошибках или любых других вещах. Этот пример просто фокусируется на логике c того, как мы можем отображать график, когда данные графика недоступны. 

 const graph_data = data || your_y_value_present
        ? [
            { x: "Cats", y: 35 },
            { x: "Dogs", y: 40 },
            { x: "Birds", y: 55 }
        ]
        : [{ y: 1 }];

 const color_scale = data || your_y_value_present
        ? ["tomato", "orange", "gold"]
        : ["grey"];

<VictoryPie
   colorScale={color_scale }
   data={graph_data }
/>
...