ApexCharts is a modern Javascript library to create beautiful and interactive charts.
Questions tagged [apexcharts]
996 questions
3
votes
1 answer
How to draw ApexCharts crosshair line from the marker (y value) to the bottom?
Using apexchart
const data = [45, 52, 78, 45, 69, 23, 30, 45, 52, 88]
const dataXCategories = ["10.12", "11.12", "12.12", "13.12", "14.12", "15.12", "16.12", "17.12", "18.12", "19.12"]
new ApexCharts(chart, {
chart: {
height: 165,
type:…
Dmitriy
- 4,475
- 3
- 29
- 37
3
votes
2 answers
Make a histogram in ApexCharts.js
I'm trying to create a histogram using ApexCharts (more specifically, React-ApexCharts, but I don't think it makes a difference).
Example of the output I'm after:
The example above was originally created using Chart.js (source). The blue shading…
swimmer
- 1,971
- 2
- 17
- 28
3
votes
1 answer
how do I refresh new data in ApexCharts?
anyone can help me to solve my case, well I have an ApexCharts for show the data that can be refreshed whenever user want to and the data should be change to the updatest datas.
but I dont have idea how to reload the data ini ApexCharts
this my…
Indra suandi
- 141
- 1
- 3
- 15
3
votes
0 answers
ApexCharts dynamically change xaxis.categories
I working on a page where I let users select some criteria, which I use later to extract data from the DB and display them as a chart (apexcharts)
Everything is working fine, except options.xaxis.categories which are changing (number and names)…
Mr.P
- 1,182
- 3
- 20
- 44
3
votes
1 answer
ApexCharts Performance Problems
first - I am relatively new to programming. Sorry for that. Now to my problem.
We have an area chart from Apex with about 11.000 data points per axis. Now the problem is that the chart just takes a long time to load. Even if you change the range,…
HappyGilmore
- 41
- 1
- 6
3
votes
0 answers
ApexCharts give time t.every is not a function
the apexcharts code below allows me to plot a graph in react, but when I run the code the graph is displayed but after n seconds I have the error reported below, what is it due to and how can I fix it?
Exception:
t.every is not a function
Code…
riki
- 1,502
- 5
- 17
- 45
3
votes
2 answers
(ApexCharts) How can I make the pie chart the same size?
My Problem : Chart size is fixed including legends.
I want to fixed pie chart size except legends.
How can I make the pie chart the same size?
This is my code.
Help me plz
var options = {
series: [25, 15, 44],
chart: {
…
jwjung
- 31
- 2
3
votes
0 answers
Group and stacked bar chart in apex charts react js
I have created a horizontal bar stacked chart using apexcharts but I'm stuck at one and the last phase of completion and I tried so hard but were unable to find the solution, I've attached the actual chart and expected as well, all I want is just to…
Zain Khan
- 1,644
- 5
- 31
- 67
3
votes
1 answer
How to get comma separated values from blazor wrapper for Apexchart
I have used ApexChart to create a simple chart. Following you can see a screenshot of it
my apex chart component razor file is this.
buddhi chamalka
- 781
- 5
- 23
3
votes
1 answer
how to hide x axis bar on apex chart?
I'm used react-apexcharts to make this below graph, i need to show a minimal view of a graph so i hide both x, y axis, legends, grid and everything, but this bar at the bottom not hiding. i couldn't find the right option on the documentation! is…
Nivethan
- 2,339
- 19
- 22
3
votes
1 answer
Apexcharts: How to force an axis in bar chart to display integer values only?
I'm using bar chart from ApexCharts. The horizontal x axis has counts of items. When the number goes too low like 1, 2, the axis shows intermediate decimal values which doesn't make sense. How to force the axis to display only integer values only…
kashyap
- 133
- 1
- 10
3
votes
3 answers
Apex chart Charts order in Mixed chart
I'm currently using the library ApexChart and more particulary Vue apex chart combined with nuxt.
I'm building a dashboard and I'm trying to build a mixed chart composed of :
An area chart
A Bar chart
A line chart
The three charts are displaying…
RenaudC5
- 3,553
- 1
- 11
- 29
3
votes
1 answer
ApexChart column resize on zoom
I would like to resize the columns width when the user zoom on my chart. Could you suggest any method or option? I searched through the documentation but I didn't find any solution. Until now I tried by changing the bar width percentage, the…
Davide Bulbarelli
- 713
- 7
- 20
3
votes
2 answers
React Apexcharts not working with Typescript
I'm trying to implement a simple ApexChart on a React/Typescript project, however, I'm stuck on the following type error:
No overload matches this call.
Overload 1 of 2, '(props: Props | Readonly): ReactApexChart', gave the following error.
…
Vasco Oliveira
- 53
- 1
- 1
- 4
3
votes
1 answer
How to set min value in multi yaxis of apexchart
I have been trying to automatically define and set a min value on yaxis of Apexchart. It works fine with a single yaxis, however once I add the 2nd axis, the min value is set to 0. In the example below, I log the min and max values in the…
Kogelet
- 395
- 5
- 14