search

apexcharts / apexcharts.js

📊 Interactive JavaScript Charts built on SVG
https://apexcharts.com
MIT License
14.26k stars 1.29k forks source link

Area chart - categories and brush (mini graph) #4498

Closed HughProctor closed 4 months ago

HughProctor commented 4 months ago

Discussed in https://github.com/apexcharts/apexcharts.js/discussions/4490

Originally posted by **HughProctor** May 28, 2024 I have 2 area line charts both using same data source & data; one is a mini chart. The X-Axis displays categories, such as "Microsoft Business", "Microsoft Premium", etc and other products. I need the smaller graph to use the Brush function to be able to Select (selection) and manipulate the bigger chart. This works fine when the categories are numbers but not when categories are text. In order for the categories to change to display the category text I have found I need to perform an updateOptions call, which stops the selection brush from working. I've attached two images - one with selection function working the other with the x-axis categories (labels) but selection not working. Any ideas? Thank you in advance ![PriceProjectChart2](https://github.com/apexcharts/apexcharts.js/assets/7053145/4afb0bbd-2114-4fc7-a799-afa8902daa71) ![PriceProjectChart](https://github.com/apexcharts/apexcharts.js/assets/7053145/3a1ffa9b-c0dd-47fd-a3d7-4c764ca3f8f9)