Kyvis-Labs / ignition-apexcharts-module

The module provides Perspective ApexCharts components
Apache License 2.0
59 stars 12 forks source link

Apexchart and Brush chart problem #27

Closed Aiasa21 closed 1 year ago

Aiasa21 commented 2 years ago

Good morning Travis, I’m trying to build a page following the example here in the apexchart website: https://apexcharts.com/javascript-chart-demos/line-charts/brush-chart/

I copy all the options but when I set in the brush chart the options → Chart → brush → enabled to true, the chart disappear.

What am I doing wrong?

Here is the code of the main chart: { "chart": { "toolbar": { "show": false, "autoSelected": "pan" }, "type": "line", "id": "chart2" }, "colors": [ "#77B6EA" ], "xaxis": { "type": "datetime" }, "yaxis": { "decimalsInFloat": 0 } }

and here is the code of the second chart where I should manage the selection: { "chart": { "type": "area", "id": "chart1", "brush": { "enabled": false, "target": "chart2" }, "selection": { "enabled": true, "xaxis": { "min": "new Date(\u002713 Sep 2022\u0027).getTime()", "max": "new Date(\u002716 Sep 2022\u0027).getTime()" } } }, "colors": [ "#77B6EA" ], "xaxis": { "type": "datetime" }, "yaxis": { "decimalsInFloat": 0,

Here is the screenshot of the view with the enabled option set to false 1

and here is the screenshot of the view with the enabled option set to true, it become white with no message 2

Aiasa21 commented 2 years ago

I don't know why the code is format like that, I add the screenshot so to show it clearly

image
Aiasa21 commented 2 years ago

Any help?

nikolai-wolterstorff commented 1 year ago

Can you export the view and upload it here?

traviscox commented 1 year ago

Fixed this issue in 1.0.10: Can you download and try it out:

https://github.com/Kyvis-Labs/ignition-apexcharts-module/releases/tag/1.0.10

traviscox commented 1 year ago

Had to fix another small issue, now at 1.0.11:

https://github.com/Kyvis-Labs/ignition-apexcharts-module/releases/tag/1.0.11

traviscox commented 1 year ago

Closing due to inactivity.