Блог

Я получил ошибку (свойство «параметры» не существует для типа » Только для чтения<{}>».) Я сделал тот же проект в react и учился использовать машинопись в react и получал множество ошибок такого рода в основном в этом компоненте , который я установил в react-apexcharts, чтобы показать статистику

ниже приведен мой код, можете ли вы помочь мне исправить этот код и дать ценное предложение для использования в будущем

 class PopChart extends Component {
  constructor(props:any) {
    super(props);
    this.state = {
      options: {
        chart: {
          background: "#f4f4f4",
          foreColor: "#333"
        },
        xaxis: {
          categories: [
            "New York",
            "Los Angeles",
            "Chicago",
            "Houston",
            "Philadelphia",
            "Phoenix",
            "San Antonio",
            "San Diego",
            "Dallas",
            "San Jose"
          ]
        },
        plotOptions: {
          bar: {
            horizontal: false
          }
        },
        fill: {
          colors: ["#f44336"]
        },
        dataLabels: {
          enabled: false
        },
        /*title: {
          text: "Largest US Cities By Population",
          align: "center",
          margin: 20,
          offsetY: 20,
          style: {
            fontSize: "25px"
          }
        }
      */
      }, 
      series: [
        {
          name: "Population",
          data: [
            8550405,
            3971883,
            2720546,
            2296224,
            1567442,
            1563025,
            1469845,
            1394928,
            1300092,
            1026908
          ]
        }
      ]
    };
  }

  onClick = () => {
    this.setState({
      options: {
        ...this.state.options,
        plotOptions: {
          ...this.state.options.plotOptions,
          bar: {
            ...this.state.options.plotOptions.bar,
            horizontal: !this.state.options.plotOptions.bar.horizontal
          }
        }
      }
      
    
    });
  };

  render() {
    return (
      
      <React.Fragment>
        <Lodash/>
        <Chart
          options={this.state.options}
          series={this.state.series}
          type="bar"
          height="450"
          width="100%"
        />
        <button onClick={this.onClick}>Change Graph Display</button>
        
      </React.Fragment>
      
      
    );
  }
}

export default PopChart;