apexcharts / stencil-apexcharts Goto Github PK

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.

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:

1. 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)
   

2. 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.

3. 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!

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.

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.