A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://github.com/apexcharts/stencil-apexcharts below:

apexcharts/stencil-apexcharts: 📊 Stencil Component for ApexCharts https://apexcharts.com

Stencil.js wrapper for ApexCharts to build interactive visualizations in stencil.

In a stencil-app-starter app
<apex-chart
  type="bar"
  series={[{
    name: 'sales',
    data: [30, 40, 35, 50, 49, 60, 70, 91, 125]
  }]}
  options={{
    xaxis: {
      categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999]
    }
  }} />
<apex-chart></apex-chart>
<script>
  const chart = document.querySelector('apex-chart');
  chart.series = [
    {
      name: 'sales',
      data: [30, 40, 35, 50, 49, 60, 70, 91, 125]
    }
  ];
  chart.options = {
    xaxis: {
      categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999]
    }
  };
</script>
How do I update the chart?

Simple! Just change the series or options and it will automatically re-render the chart.

Property Attribute Description Type Default height height Can be 100% or 300px or 300 number | string undefined options -- The configuration object API (Reference) ApexOptions undefined series -- The series API (Reference) number[] | { name: string; data: number[] | { x: string; y: number; }[]; }[] undefined type type Chart type API (Reference) "area" | "bar" | "bubble" | "candlestick" | "donut" | "heatmap" | "histogram" | "line" | "pie" | "radar" | "radialBar" | "scatter" undefined width width Can be 100% or 400px or 400 number | string undefined
npm install
npm install apexcharts

Basic example is included to show how to get started using ApexCharts with Stencil easily.

To run the examples,

npm install
npm install apexcharts
npm run start

Stencil-ApexCharts is released under MIT license. You are free to use, modify and distribute this software, as long as the copyright header is left intact.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4