Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vimaltiwari2612/lwc-charts.js

Create Dynamic Dashboards with LWC and charts.js.
https://github.com/vimaltiwari2612/lwc-charts.js

apex chartsjs dashboard dynamic-dashboards lwc lwc-component lwc-opensource salesforce salesforce-lightning

Last synced: about 2 months ago
JSON representation

Create Dynamic Dashboards with LWC and charts.js.

Host: GitHub
URL: https://github.com/vimaltiwari2612/lwc-charts.js
Owner: vimaltiwari2612
Created: 2020-10-31T10:30:34.000Z (over 4 years ago)
Default Branch: main
Last Pushed: 2020-11-11T15:07:21.000Z (over 4 years ago)
Last Synced: 2024-11-09T01:55:11.772Z (3 months ago)
Topics: apex, chartsjs, dashboard, dynamic-dashboards, lwc, lwc-component, lwc-opensource, salesforce, salesforce-lightning
Language: JavaScript
Homepage:
Size: 13.4 MB
Stars: 0
Watchers: 3
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # LWC-Charts.js

**Create Dynamic Dashboards with LWC and [charts.js](https://www.chartjs.org/).**

# How to Deploy

1. Put chartJs in static Resource.

2. copy paste LWC and classes.

# Create Dashboards using User Inputs

![Demo](https://github.com/vimaltiwari2612/LWC-Charts.js/blob/main/User_Input.gif)

![Screenshot](https://github.com/vimaltiwari2612/LWC-Charts.js/blob/main/screenshot/Dynamic_Input.PNG)

# Charts

  ***Bar***

![bar](https://github.com/vimaltiwari2612/LWC-Charts.js/blob/main/screenshot/bar.png)

***Pie***

![pie](https://github.com/vimaltiwari2612/LWC-Charts.js/blob/main/screenshot/pie.png)

***Polar Area***

![polarArea](https://github.com/vimaltiwari2612/LWC-Charts.js/blob/main/screenshot/polar%20area.png)

***Doughnut***

![Doughnut](https://github.com/vimaltiwari2612/LWC-Charts.js/blob/main/screenshot/doughnut.png)

***Line***

![line](https://github.com/vimaltiwari2612/LWC-Charts.js/blob/main/screenshot/line.png)

***Radar***

![radar](https://github.com/vimaltiwari2612/LWC-Charts.js/blob/main/screenshot/radar.png)

***Scatter***

![radar](https://github.com/vimaltiwari2612/LWC-Charts.js/blob/main/screenshot/scatter.png)

# Other Similar Project

[Chrome Extension for creating charts like Bar, Pie, Line etc](https://github.com/vimaltiwari2612/Chrome-Extention-Charts)