# reflex-highchart
reflex-highcharts is a powerful component designed to integrate the popular charting library,
[Highcharts](https://www.highcharts.com), into your [Reflex](https://reflex.dev) web applications.
This integration allows you to create visually appealing and interactive charts with ease.
## Installation
```bash
pip install reflex-highchart
```
## Example
```python
import reflex as rx
from reflex_highchart import reflex_highchart
def highchart_example():
return {
"title": {
"text": "Sales by Month"
},
"xAxis": {
"title": {
"text": "Month",
},
"categories": ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
"Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
},
"yAxis": {
"title": {
"text": "Total Sales"
}
},
"series": [
{"type": "column",
"name": "Total Sales",
"data": [
[0, 30],
[1, 17],
[2, 20],
[3, 12],
[4, 23],
[5, 14],
[6, 16],
[7, 19],
[8, 22],
[9, 13],
[10, 16],
[11, 15]
]}
]
}
def index() -> rx.Component:
return rx.center(
rx.vstack(
reflex_highchart(
options=highchart_example(),
)
)
)
# Add state and page to the app.
app = rx.App()
app.add_page(index)
```
Raw data
{
"_id": null,
"home_page": null,
"name": "reflex-highchart",
"maintainer": null,
"docs_url": null,
"requires_python": ">=3.8",
"maintainer_email": null,
"keywords": "reflex, reflex-custom-components, Highchart, Visualization, Python, SSR",
"author": null,
"author_email": "Jitendra Mishra <jitendra29mishra@gmail.com>",
"download_url": "https://files.pythonhosted.org/packages/57/20/2d97793a469ae3a980830723cc26eb231dbd65b375c155ea2f90b2fda752/reflex_highchart-0.0.1.tar.gz",
"platform": null,
"description": "# reflex-highchart\n\nreflex-highcharts is a powerful component designed to integrate the popular charting library,\n[Highcharts](https://www.highcharts.com), into your [Reflex](https://reflex.dev) web applications.\nThis integration allows you to create visually appealing and interactive charts with ease.\n\n## Installation\n\n```bash\npip install reflex-highchart\n```\n\n## Example\n\n```python\nimport reflex as rx\nfrom reflex_highchart import reflex_highchart\n\n\ndef highchart_example():\n return {\n \"title\": {\n \"text\": \"Sales by Month\"\n },\n \"xAxis\": {\n \"title\": {\n \"text\": \"Month\",\n },\n \"categories\": [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\n \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"]\n },\n \"yAxis\": {\n \"title\": {\n \"text\": \"Total Sales\"\n }\n },\n \"series\": [\n {\"type\": \"column\",\n \"name\": \"Total Sales\",\n \"data\": [\n [0, 30],\n [1, 17],\n [2, 20],\n [3, 12],\n [4, 23],\n [5, 14],\n [6, 16],\n [7, 19],\n [8, 22],\n [9, 13],\n [10, 16],\n [11, 15]\n ]}\n ]\n }\n\ndef index() -> rx.Component:\n return rx.center(\n rx.vstack(\n reflex_highchart(\n options=highchart_example(),\n )\n )\n )\n\n\n# Add state and page to the app.\napp = rx.App()\napp.add_page(index)\n```\n",
"bugtrack_url": null,
"license": "Apache-2.0",
"summary": "reflex-highcharts is a powerful component designed to integrate the popular charting library,",
"version": "0.0.1",
"project_urls": {
"Homepage": "https://github.com/jmishra01/reflex-highchart"
},
"split_keywords": [
"reflex",
" reflex-custom-components",
" highchart",
" visualization",
" python",
" ssr"
],
"urls": [
{
"comment_text": "",
"digests": {
"blake2b_256": "b4d6e088e4bc71d8973b63d54218d01d854df763b20887654e0f6bc82e0f12ac",
"md5": "95bc59369b0eb3087ac830aada26c25d",
"sha256": "898d13a374aa01c5bcacef29bd41210f71c5972244689dc2873b4292504b76d5"
},
"downloads": -1,
"filename": "reflex_highchart-0.0.1-py3-none-any.whl",
"has_sig": false,
"md5_digest": "95bc59369b0eb3087ac830aada26c25d",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.8",
"size": 2831,
"upload_time": "2024-09-01T11:47:15",
"upload_time_iso_8601": "2024-09-01T11:47:15.430311Z",
"url": "https://files.pythonhosted.org/packages/b4/d6/e088e4bc71d8973b63d54218d01d854df763b20887654e0f6bc82e0f12ac/reflex_highchart-0.0.1-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": "",
"digests": {
"blake2b_256": "57202d97793a469ae3a980830723cc26eb231dbd65b375c155ea2f90b2fda752",
"md5": "013b9d1d065a8711eddcae6f2d625b6a",
"sha256": "7d90b91ca1a26226ab25d552a3f55d1f32e89876099ebe59384822903e9d1daa"
},
"downloads": -1,
"filename": "reflex_highchart-0.0.1.tar.gz",
"has_sig": false,
"md5_digest": "013b9d1d065a8711eddcae6f2d625b6a",
"packagetype": "sdist",
"python_version": "source",
"requires_python": ">=3.8",
"size": 2577,
"upload_time": "2024-09-01T11:47:17",
"upload_time_iso_8601": "2024-09-01T11:47:17.275422Z",
"url": "https://files.pythonhosted.org/packages/57/20/2d97793a469ae3a980830723cc26eb231dbd65b375c155ea2f90b2fda752/reflex_highchart-0.0.1.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2024-09-01 11:47:17",
"github": true,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"github_user": "jmishra01",
"github_project": "reflex-highchart",
"travis_ci": false,
"coveralls": false,
"github_actions": true,
"lcname": "reflex-highchart"
}
JSON
