javascript - 当 Victory Pie 中的数据不可用时，如何以定义的颜色显示图形？

Question

现在，当我将 y 的值设置为 0 时，图表将不可见，但在这里，当 y 的所有值都为 0 时，我想以灰色显示圆圈或胜利派。胜利派中是否有任何路径可以用数据不可用时为灰色？

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

现在，当数据可用时，图表看起来像这样

当数据不可用或 y 的值为 0 时，图表的预期输出应如下所示。

Answer 1

以下代码不关注语法错误或任何其他事情。这个例子只关注当图表数据不可用时我们如何显示图表的逻辑。

 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 }
/>