search

themesberg / flowbite

Open-source UI component library and front-end development framework based on Tailwind CSS
https://flowbite.com
MIT License
7.35k stars 711 forks source link

apexcharts with angular #716

Closed youurt closed 6 months ago

youurt commented 8 months ago

Describe the bug I am trying to add some charts into my angular application, described like here https://flowbite.com/docs/plugins/charts/ - I can't see the charts.

To Reproduce Steps to reproduce the behavior:

  1. Generate angular app, install tailwind and configure flowbite as in docs.
  2. Add charts: true option to plugins
  3. Install npm install apexcharts --save
  4. Add this example https://flowbite.com/docs/plugins/charts/#area-chart into template as it is
  5. Can't see the chart, but the template only, seems like apexcharts can't add the charts to the template

Expected behavior I want to see the charts in the template, just seeing the template only though.

Screenshots

Screenshot 2023-11-11 at 22 05 41

Desktop (please complete the following information):

Additional context My angular app runs with nx.

zoltanszogyenyi commented 6 months ago

Hey @youurt,

Please try to use the Angular version of ApexCharts together with our plugin for styling: https://apexcharts.com/docs/angular-charts/

I believe that the examples we've provided in terms of options can also be used with the Angular version.

Cheers, Zoltan