react-google-charts | A thin, typed, React wrapper over Google Charts Visualization and Charts API | Chart library

Try this,

In answer to your first question: in the Documentation for react-google-charts, there is a configuration option called: vAxis.minValue, described as:

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data.

I'm betting this will help you out. In the docs, there's also an example of implementation:

First, you can reduce to get the Good and Bad counts to a single JSON and then use Object.entries to get the required format as in an array.

Try like this

You only call RecreateDataArray when the component mounts, not when props change.

That's why it doesn't update when your props change.

You could do that update with a componentWillUpdate lifecycle method, but it will be a lot easier to just refactor to a function component and use the useEffect hook instead:

Something like this may work:

I could see pretty-checkbox's developer last published 4 years ago.

Let's say the new module used popper-js@2.0 and someone who already had popper-js@4.0 as direct or sub-dependency in their project is more likely to face unmet peer dependency on using the new module.

Downgrading the version is not recommended due to possible conflict with other modules. A workaround would be to add resolutions.

Before doing anything, ensure there is no other version of react installed globally, delete your node-modules folder and package-lock.json file. Ensure your package.json dependency has react@15.4.0 and only add popperjs@^1.16.0 if you're sure that other modules in your project are not relying on later versions of popperjs.

Take a look at this article for a good explanation on peer dependencies

If there are other modules that needs other versions of popperjs then in your package.json you could add an additional property at the end like below,

you will need an additional tooltip column.
Each tooltip is associated with a series,
if you have two series', you need two tooltips,
and the tooltip column should follow the series column in the data table.

you will need to add a column as follows...

This is a well-known problem, one of your package dependencies needs fs-events when running on macOS.

When Node.js is running on Linux,this package is not needed, and since you are using --ci flag, it fails to install fs-events on Linux.

You can try removing --ci flag or you can try adding fs-events in optionalDependencies in your package file.

OK I was able to find the solution to my problem.This is the solution: