在react-apexcharts中将“type”属性/选项放在哪里？

Question

似乎至少有三个“位置”可以定义图表的类型（例如“条形图”、“折线图”等）

1. 作为图表组件的道具

   <Chart type='bar'...

2. 根据Apexcharts 文档，它也可以在 系列
3. 最后可以在图表选项上设置，如图表：

   {type: 'bar'}

我曾经在系列上设置类型，但图表组件需要 prop 'type' (v1.5)，如果该值未定义，react-apexcharts 会抛出错误。

问题：有人可以解释何时使用什么，特别是：如果所需的道具只能包含一种类型，如何创建具有多个系列的混合类型的图表？是否有某种“覆盖序列”？

Answer 1

type

中的

options.chart

被

type

属性（“组件的属性”）取代。即使组件和

options.chart

中的值存在冲突（当然不推荐），react 组件值优先。

系列中的

type

只能针对混合类型图表中与图表本身类型不同的系列进行设置。因此，要创建混合图表，您应该在反应组件中设置图表的类型，添加一个或多个相同类型的系列（无需设置其系列

type

选项）以及一个或多个不同的系列，兼容类型（应在系列选项中指定其

type

）。

您可能会在文档中看到react混合图表示例， 在这个版本中 多余的

type

规格已被注释掉。