小编Vas*_*ira的帖子

React Apexcharts 无法与 Typescript 一起使用

我正在尝试在 React/Typescript 项目上实现一个简单的 ApexChart,但是,我遇到了以下类型错误:

没有重载与此调用匹配。
  重载第 1 个(共 2 个)“(props: Props | Readonly): ReactApexChart”,出现以下错误。
    类型 '{ 图表:{ 高度:ApexOptions; 类型:ApexOptions;缩放:{启用:ApexOptions; }; }; }' 不可分配给类型“ApexOptions”。
      “chart.height”的类型在这些类型之间不兼容。
        类型“ApexOptions”不可分配给类型“string |” 数量 | 不明确的'。
          类型“ApexOptions”不可分配给类型“number”。
  重载 2 个(共 2 个)“(props: Props, context: any): ReactApexChart”,出现以下错误。
    类型 '{ 图表:{ 高度:ApexOptions; 类型:ApexOptions;缩放:{启用:ApexOptions; }; }; }' 不可分配给类型“ApexOptions”。

我确实像往常一样安装了react-apexchartsapexcharts。这是我的图表的脚本:

任务图表.tsx

import ReactApexChart from 'react-apexcharts';

const TasksChart: React.FC<Props> = ({
tasks,
}) => {

  const options = {
    chart: {
      height: 350,
      type: 'line',
      zoom: {
        enabled: …
Run Code Online (Sandbox Code Playgroud)

charts typescript reactjs create-react-app apexcharts

3
推荐指数
1
解决办法
2万
查看次数