ChartComponent.ts

// @ts-ignore-start
import { LitElement, customElement, html } from "lit-element";

import GlobalStyle from "../../GlobalStyle";
import {GoogleCharts} from 'google-charts';

declare module "google-charts" {
  api
}

//Load the charts library with a callback
GoogleCharts.load(drawChart);
console.log(GoogleCharts);

function drawChart() {
  // Standard google charts functionality is available as GoogleCharts.api after load
  const data = GoogleCharts.api.visualization.arrayToDataTable([
    ["Chart thing", "Chart amount"],
    ["Lorem ipsum", 60],
    ["Dolor sit", 22],
    ["Sit amet", 18]
  ]);
  const pie_1_chart = new GoogleCharts.api.visualization.PieChart(
    document.getElementById("chart1")
  );
  pie_1_chart.draw(data);
  console.log(pie_1_chart);
}

@customElement("chart-component")
export class ChartComponent extends LitElement {
  static get styles() {
    return [GlobalStyle];
  }

  public render() {
    return html``;
  }
}