Реагируйте на тренды Google, создавая новый график вместо обновления существующего текущего тренда. - PullRequest
Новая
       61

Реагируйте на тренды Google, создавая новый график вместо обновления существующего текущего тренда.

0 голосов
/ 21 апреля 2020 
    import React from "react";

    export default class GoogleTrends extends React.Component {
        constructor(props){
            super(props);
            this.state = {

            }
        }

      customComponentDidMount = (type, keyword, geo, time) => {
        keyword = keyword.replace("_", " ")
        window.trends.embed.renderExploreWidgetTo(
          document.getElementById("widget"),
          type,
          {
            comparisonItem: [{ keyword, geo: geo, time: time }],
            category: 0,
            property: ""
          },
          {
            exploreQuery: `q=${encodeURI(keyword)}&geo=US&date=today 12-m`,
            guestPath: "https://trends.google.com:443/trends/embed/"
          }
        );
      };


      render(){
          return (
            <div className="googleTrend"></div>
          )
      }
    }

Здесь я пытаюсь интегрировать тренды Google с React. js

Эта функция customComponentDidMount, которую я вызываю из другой функции с данными (type, keyword, geo, time). потому что эти поля являются динамическими c (пользовательский поиск и фильтр).

В первый раз диаграмма подходит нормально.

Но после этого, когда m вызывает customComponentDidMount, создается новая диаграмма или добавление карты с диаграммой снова вместо обновления данных в существующей диаграмме

Есть ли способ решить эту проблему, пожалуйста, посмотрите.

...