ApexCharts is a modern Javascript library to create beautiful and interactive charts.
Questions tagged [apexcharts]
996 questions
4
votes
0 answers
ApexCharts Line Chart join between null values
I am using the line chart with null values, and I noticed that the current implementation is that it leads to disconnected lines (meaning that there would be no lines between 2 points that has a null value between them). However, I am wondering if…
jason
- 562
- 8
- 24
4
votes
1 answer
How to show "loading..." text as a placeholder before my Apexcharts actually loads?
I spent a day figuring this out but was unavailable to find a solution. Please if anyone can help.
So I was making a cryptocurrency tracker in React. I managed to create a table displaying several currencies and also a column where I render…
Tarun Singh
- 430
- 8
- 18
4
votes
1 answer
Apexcharts time not matching JavaScript/Python
In my Python
2020-09-23T10:50:46.838023
In JavaScript
2020-09-23T10:50:46.838023
In JavaScript apexcharts format
2020-09-23T03:50:46.838023
why has it changed the hour from 10 to 03?
This my Vue code
chartOptions: {
chart: {
…
user14324808
- 43
- 1
- 6
4
votes
1 answer
How to update series on pie chart
In my index.js I have defined the pie chart:
import pieChart1 from './chart/pie-chart-1';
It is then added here under the render() function:
…
nGX
- 1,038
- 1
- 20
- 40
4
votes
2 answers
HideOverlappingLabels in ApexCharts for xAxis type category
I have this apexcharts definition and when i've got more than e.g. 300 datasamples for my series things are overlapping on the xAxis like this
i would rather see something like this though
The option "hideOverlapLabels" does not work since it only…
Andreas Zeiner
- 537
- 7
- 24
4
votes
1 answer
Apexcharts - React js Unhandled Rejection (TypeError): t.every is not a function
I'm trying to set dynamic data into my pie chart using Apexcharts, but I'm running into an error.
class ApexChartPie1 extends React.Component {
constructor(props) {
super(props);
this.state = {
series: this.state={
…
mehdi hanine
- 113
- 1
- 4
- 11
4
votes
1 answer
Apex Charts- Limiting Zoom out
I'm using apexcharts v3.19.3 and I would like to know how to limit my zoom out option to the available x-axis range. Currently, I can zoom out indefinitely.
The example code in apexcharts docs will be enough to recreate the issue.
Keep zooming out…
Ankur Datta
- 161
- 2
- 6
4
votes
0 answers
Multiline legend in ApexCharts
As I've read in multiple places returning an array in the formatter function of an ApexChart legend should wrap each item in the array in a tspan, however when testing this myself I can't seem to get it working, the legend is rendered as a single…
Danyx
- 574
- 7
- 34
4
votes
1 answer
How to change the color of non progreesed bar in Apexcharts RadialBar Charts?
I am working on Apexcharts RadialBar Charts. I am able to implement this chart but i am trying to change the color of non progressed part gray to blue color.
Code
import React, { Component } from 'react';
import ReactApexChart from…
Sangram Badi
- 4,054
- 9
- 45
- 78
4
votes
1 answer
Nuxt Plugins not working after build ( use apexchart )
I use apex chart in nuxt
and apply plugins with my code
this working in dev mode
cross-env NODE_ENV=development HOST=0.0.0.0 PORT=3000 nodemon server/index.js --watch server
but not working in build source
nuxt build && cross-env…
AJu
- 121
- 1
- 9
4
votes
1 answer
vue-apexchart realtime chart is not smooth
In apexcharts, realtime chart is not smooth.
when I just use only one chart, working smoothly. but two charts, not working smoothly
I just followed the official demo(https://apexcharts.com/vue-chart-demos/line-charts/realtime/) and just add one more…
rura6502
- 365
- 2
- 15
4
votes
1 answer
ApexCharts Donut Chart legend titles not reflecting provided data labels (stuck as 'series-1' etc.)
I'm importing Apexcharts' simple donut chart to my Vue.js project, however, even after following the documentation provided on their site, the legend titles stay as 'series-1, series-2, ...'.
Here's a picture of what's rendered: Donut Chart
As you…
Stephen Carico
- 83
- 1
- 8
3
votes
1 answer
show few datas(ticks) more than than max in y axis in apex chart
In the above graph I have 1 as the max value and I need some more ticks(upto say 5) how do I show more ticks than the max value.
In the graph the max value is 1(plotted). and i want the label in y axis(on the left side) to display some more(upto…
Salil Rajkarnikar
- 588
- 1
- 7
- 26
3
votes
0 answers
React JS: Fix the apex chart width inside container
I am trying to fix the apex charts inside the container with full width like in the below image. I want to take the chart width to the marked space with green color, but I don't know if there is any attribute for the apex chart as I can see that the…
Steven
- 231
- 1
- 8
3
votes
1 answer
ApexChart chartOptions not updating in Vue3 Composition API
I am unable to reactively update ApexCharts using the Vue 3 Composition API. I have been going around in circles. I can update the options and they will write to the div in the example below when you click the button, but the ApexChart does not…
aukinfo
- 43
- 4