ApexCharts is a modern Javascript library to create beautiful and interactive charts.
Questions tagged [apexcharts]
996 questions
23
votes
4 answers
how to disable download option on apexcharts?
I am use apexcharts vue bindings to plot a few bar charts.
As told by docs it should be possible to disable the toolbar by set show:false as seen there.
So i did it on my helper function:
// do-char-options.js
const randomColor =…
Sombriks
- 3,370
- 4
- 34
- 54
22
votes
4 answers
Removing x axis tooltip in apex charts
I am using ApexCharts to show some stats. I wanted to hide the x-axis tooltip which is marked in red in the image
Archana
- 233
- 1
- 2
- 7
18
votes
2 answers
React/Next.js doesn't seem to work with Apexcharts
Problem
My Next.js/React/Node app crashes when I import Chart from "react-apexcharts" in any file. Attempting to visit the app results in the following error: Server ErrorReferenceError: window is not definedThis error happened while generating the…
George
- 521
- 1
- 7
- 17
13
votes
4 answers
How to implement click event or data point selection on apexCharts?
I am attempting to use the apexCharts javascript library and having trouble implementing the click event I have read the documentation but there's no clear example on how to implement it.
So far I have this code.
var options = {
chart:…
Sarotobi
- 707
- 1
- 9
- 28
12
votes
3 answers
SvelteKit console error "window is not defined" when i import library
I would like to import apexChart library which using "window" property, and i get error in console.
[vite] Error when evaluating SSR module /src/routes/prehled.svelte:
ReferenceError: window is not defined
I tried use a apexCharts after mount, but…
LukasGur
- 311
- 4
- 14
12
votes
2 answers
How to return only value in pie on apexcharts.js won't convert percent
I'm developing a website for a society and I am using apexCharts.js, I want to show a simple pie chart but when I display this, the value on dataLabel is a percent.
I don't want to convert them into values, of course the true value is display when…
Barth.M
- 129
- 1
- 1
- 7
11
votes
4 answers
Next.js: window is not defined
I'm trying to use apexcharts for a next.js application and it's returning me window is not defined.
I would love any help with that.
Does someone know what is happening and why?
import React from 'react';
import Chart from…
Luizeradev
- 113
- 1
- 1
- 4
11
votes
5 answers
Vue ApexCharts updating data series dynamically
How can I update the data from the series for an ApexCharts
I have created the following Vue Component using the ApexCharts.
This component gets updated from the parent where a bunch of these components are situated.
The updated values are coming in…
Bik Lander
- 192
- 1
- 2
- 10
11
votes
4 answers
ApexCharts Stacked Columns specific color for series
I Want to Display Data in Apex Charts Stacked Column , with specific color for each series (change the color to Red and Green, for Product A and Product B). Default Apex Charts choose the color.
I tried to change the color by add the colors option…
X3n0
- 113
- 1
- 1
- 5
10
votes
2 answers
Click event not working with ApexCharts (Vue3)
I need an event to be triggered whenever someone clicks on my chart or on one of the bars but for some reason events don't trigger for me.
This is my code:
Nora
- 186
- 2
- 12
9
votes
2 answers
How to hide some xaxis labels elements on apexChartjs?
I am creating a chart project with apexChart. My aim is to hide xaxis labels which has odd index of the xaxis elements. with some hours of researches in the net, I can not still achieve it.
Could anyone help me please?
[
zayann
- 139
- 1
- 2
- 8
9
votes
1 answer
React Apexchart is not taking its parent height when setting height 100%
I am working on react-apexcharts and trying to set height 100 percent of the chart but it is not accepting height of its parents instead showing its min-height of445px.I could not understand what is happening even after setting height 100% like…
Sandesh Sapkota
- 747
- 1
- 6
- 18
7
votes
4 answers
Apexcharts max width on item bars
How can I change the maximum width/height an item bar has in Apexcharts? (https://apexcharts.com/)
I have an horizontal bar chart whose data are loaded dynamically and the number of users (items) varies. When there are few or only one user the bar…
LauraEld
- 327
- 1
- 3
- 13
7
votes
3 answers
How to remove the horizontal lines of chart & its axis lines in angular?
Following is an angular app with graphs made of apex charts
https://codesandbox.io/s/apx-column-distributed-d3ns7?from-embed
How can I remove the horizontal lines of that chart & its axis lines (so that this looks much cleaner)
this.chartOptions…
reacg garav
- 477
- 1
- 4
- 11
6
votes
0 answers
react-apexcharts cannot be used as a JSX component
I got this error when I use react-apexchart in Typescript.
Does any one know why this happens?
/Users/apple/Downloads/stake-governance/src/components/chart/AreaChart.tsx
TypeScript error in…
Chris
- 159
- 1
- 2
- 9