Skip to main content

No project description provided

Project description

reactpy-apexcharts

Minimal ReactPy wrapper for the react-apexcharts library (v 1.4.1).

Usage

pip install reactpy-apexcharts

Documentation

Configuration options can be found here

Simple Barchart Example

./examples/barchart_example.py

from reactpy import component, html, run
from reactpy_apexcharts import ApexChart

@component
def AppMain():

    return html.div(

        ApexChart(
            options = {
                'chart': {'id': 'apex-chart-example'},
                'xaxis': {
                'categories': [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999]}
            },

            series = [{
                'name': 'series-1',
                'data': [30, 40, 35, 50, 49, 60, 70, 91, 125]
            }],

            chart_type = "bar",
            width=500,
            height=320
        )
    )

# python -m examples.chart_example

if __name__ == "__main__":
    run(AppMain)

More complex area chart

syncing_chart.py, is a more complex example showing how to control color, grids and format X & Y axis labels.

./examples/syncing_chart.py

from reactpy import component, html, run
from reactpy_apexcharts import ApexChart

DATE = dt(2017, 2, 11)

options = {
    "series": [{"data": time_series(DATE, 20, {"min": 10, "max": 60})}],
    "chart": {"id": "fb", "group": "social", "type": "line", "height": 160},
    "xaxis": {'type': 'datetime'},
    "colors": ["#008FFB"],
}

optionsLine2 = {
    "series": [{"data": time_series(DATE, 20, {"min": 10, "max": 30})}],
    "chart": {"id": "tw", "group": "social", "type": "line", "height": 160},
    "xaxis": {'type': 'datetime'},
    "colors": ["#546E7A"],
}

optionsArea = {
    "series": [{"data": time_series(DATE, 20, {"min": 10, "max": 60})}],
    "chart": {"id": "yt","group": "social","type": "area","height": 160},
    "xaxis": {'type': 'datetime'},
    "colors": ["#00E396"]
}


@component
def CustomChart(options):
    return  html.div({'style': {'min-height': '175px'}},
        ApexChart(options=options),
    )

@component
def AppMain():
    return html.div(
        CustomChart(options=options),
        CustomChart(options=optionsLine2),
        CustomChart(options=optionsArea),
    )


# python -m examples.syncing_chart

if __name__ == "__main__":
    run(AppMain)

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

reactpy_apexcharts-0.0.12.tar.gz (1.6 MB view details)

Uploaded Source

Built Distribution

reactpy_apexcharts-0.0.12-py3-none-any.whl (1.6 MB view details)

Uploaded Python 3

File details

Details for the file reactpy_apexcharts-0.0.12.tar.gz.

File metadata

  • Download URL: reactpy_apexcharts-0.0.12.tar.gz
  • Upload date:
  • Size: 1.6 MB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.8.3 CPython/3.11.4 Linux/5.15.153.1-microsoft-standard-WSL2

File hashes

Hashes for reactpy_apexcharts-0.0.12.tar.gz
Algorithm Hash digest
SHA256 2a34c88a39415a1b92bba2c59753bb294355fdb9891122cd01d829516a562d66
MD5 1e570d73814c0f078942fba89d307e9f
BLAKE2b-256 6e66f2778206e9f31c179afa30bc3ba1cec679a2d389d66bbcb49083b41623b5

See more details on using hashes here.

File details

Details for the file reactpy_apexcharts-0.0.12-py3-none-any.whl.

File metadata

  • Download URL: reactpy_apexcharts-0.0.12-py3-none-any.whl
  • Upload date:
  • Size: 1.6 MB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.8.3 CPython/3.11.4 Linux/5.15.153.1-microsoft-standard-WSL2

File hashes

Hashes for reactpy_apexcharts-0.0.12-py3-none-any.whl
Algorithm Hash digest
SHA256 baec728051a79c7358b231e7a59bdaa4328f634d9ab5460fce6e4cb82e990431
MD5 3d4bc5d132add608000c2efb117c69ec
BLAKE2b-256 fdc5b892083cd65468d81d5df7fd27b8c51131a6c2d34cc38cb8bc3226a33f71

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page