apexcharts / stencil-apexcharts Goto Github PK
View Code? Open in Web Editor NEW๐ Stencil Component for ApexCharts https://apexcharts.com
License: MIT License
๐ Stencil Component for ApexCharts https://apexcharts.com
License: MIT License
Hey,
I've been trying to use example apex chart in my stencil component and without luck..
What I am doing wrong?
I''ve got error after apex render
"apexcharts": "^3.23.0",
"stencil-apexcharts": "^2.1.1",
"@ionic/core": "^5.5.2"
"@stencil/core": "^1.17.4",
"@stencil/dev-server": "latest",
"@stencil/redux": "^0.1.2",
"@stencil/router": "^1.0.1",
"@stencil/sass": "^1.4.1",
"@stencil/utils": "latest",
Here is more code if you are interested.
Thanks in advance for any help.
It seems that with v2.2.0 the dist bundle broke.
I'm getting the following error:
[ ERROR ] TypeScript: ./node_modules/stencil-apexcharts/dist/types/components.d.ts:8:139
Cannot find module './components/apex-chart' or its corresponding type declarations.
L7: import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
L8: ackType, ApexChartToolbar, ApexChartType, ApexChartWidth, ApexOptionsSeries } from "./components/apex-chart";
L9: import { ApexOptions } from "apexcharts";
The folder components
does not exist bellow ./node_modules/stencil-apexcharts/dist/types.
When implementing this as part of a Stencil project, the REST response sometimes will only deliver the response for one chart instead of two, or two chart lines where previously one was available. Instead of a full re-rendering, the chart will partially render. In the former case, the chart line is in the old color, in the latter the second chart does not appear and the horizontal axis labels also disappear.
A way to force a complete re-render on such cases would be welcome.
At the moment the stencil-apexcharts
logo is using a relative path that breaks on npmjs.com.
Looking at the other *-apexcharts
logos they are loaded from https://apexcharts.com/media/*-apexcharts.png
or similar and it would be nice if this was the case for stencil-apexcharts
as well.
Hi, I am trying to integrate the apex charts components in my own stenciljs project and I have some issues related to the chart tooltip:
The tooltip lack of style - I also integrated apex charts in my vue app and there the tooltip looked ok but here is not (please have a look on the attached image)
Tooltip position - it seems that the tooltip always stays in the same position. I also tried to set fixed.enabled to true and even modify the position property but none of them worked the tooltip is always shown under the chart and I want it to be above it.
Visibility issue - The first time I load the app the tooltip is hidden and it's ok. When I hover the chart I see the tooltip and them it never disappeared I tried even to create a custom tooltip and modify the tooltip options but I am always getting the same behaviour.
Can you please advise what I should do?
Thanks!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.