Questions tagged [react-google-charts]

A thin, typed, React wrapper for Google Charts.

Website (+demos)

https://react-google-charts.com/

npm

https://www.npmjs.com/package/react-google-charts

Usage

import * as React from "react";
import { render } from "react-dom";
import { Chart } from "react-google-charts";

export default class App extends React.Component {
  render() {
    return (
      <div className={"my-pretty-chart-container"}>
        <Chart
          chartType="ScatterChart"
          data={[["Age", "Weight"], [4, 5.5], [8, 12]]}
          width="100%"
          height="400px"
          legendToggle
        />
      </div>
    );
  }
}
render(<App />, document.querySelector("#app"));

Screenshot

screenshot

168 questions
0
votes
1 answer

Multiple lines over google candlestick chart by react

I'm trying to create a candle chart with multiple linee on the same chart with react-google-charts. But when I try this is the output: But this is the graph I would like: this is the code that i have used:
0
votes
1 answer

Google Charts, AJAX, PHP Problem Encoding JSON Error: Data for arrayToDataTable is not an array

I am trying to do some basic Google Charts filled by databse via PHP/PDO/MSSQL passed via AJAX to the .js I'm having a very basic problem that i feel is encoding. I am following the tutorial…
0
votes
1 answer

How to add background color and border to google react column chart?

I have been following react google charts for visualization as documented here. I want a vertical bar chart so I am stuck with the material chart option. However, none of the background color options apply to a material chart. How do I add a border…
0
votes
1 answer

Is Google chart support dynamoDB directly?

I am working on google chart data visualization tool. And I know that Google charts being able to use any SQL database as data source. But as dynamoDB is noSql database, and as per customer requirements they want to use dynamoDB as a data source. I…
0
votes
1 answer

Uncaught Error: Container Is Not Defined - Google Pie Charts

Here is what I'm trying to do. I'm trying to load a bunch of Google pie charts in a PHP loop based with the following code: $currentTeamLeader) { $chartId = 'chart-'.$key; ?>