Stencil.js wrapper for ApexCharts to build interactive visualizations in stencil.
<script src='https://unpkg.com/stencil-apexcharts/dist/apex.js'></script>
in the head of your index.html
npm install stencil-apexcharts apexcharts --save
<script src='node_modules/stencil-apexcharts/dist/apex.js'></script>
in the head of your index.html
npm install stencil-apexcharts apexcharts --save
import stencil-apexcharts;
<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.
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