ApexCharts is a modern Javascript library to create beautiful and interactive charts.
Questions tagged [apexcharts]
996 questions
3
votes
4 answers
How to add background color for apexcharts y-axis?
Using apex chart
My code - Fiddle
var options = {
series: [{
name: 'PRODUCT A',
data: [44, 55, 41, 67, 22, 43]
}, {
name: 'PRODUCT B',
data: [13, 23, 20, 8, 13, 27]
}, {
name: 'PRODUCT C',
data: [11, 17, 15, 15, 21,…
Dmitriy
- 4,475
- 3
- 29
- 37
3
votes
0 answers
Is there any way to create a bar chart with multiple ranges in same row?
I need to make bar chart with multiple ranges in same row.
This is an example
My problem is that I need Xaxis in integer type not 'datetime' as it is in this example. When I change Xaxis type to integer chart does not show as I want it because…
drot
- 95
- 1
- 5
3
votes
1 answer
How to remove series value from hover tooltip apex charts pie
I want to just remove the number 33 from this, I want it to just show series-4
what to do to hide it from tooltip?
Altro
- 878
- 1
- 7
- 23
3
votes
0 answers
Change the color of the line based on the value of y-axis
Good day to you all, I'm having a problem with changing the colour of the graph line on the base of the value of the y-axis. I want to set a limit to Y-axis. For example, if the value of the Y-axis point is between 40 to 60 in the case of the max…
Ihtisham Arif
- 53
- 5
3
votes
6 answers
Type 'undefined' is not assignable to type 'ApexAxisChartSeries | ApexNonAxisChartSeries'
I have used this code in ts
export type pieChartOptionss = {
series?: ApexNonAxisChartSeries | '';
chart?: ApexChart | '';
legend?: ApexLegend | '';
dataLabels?: ApexDataLabels | '';
responsive?: ApexResponsive[] | '';
labels?: any |…
A. B
- 327
- 4
- 14
- 33
3
votes
1 answer
Limit x-axis in Apexcharts.js
I want to limit the x-axis in the bar graph I'm using, I have multiple values but I want to show only 7 and then the user can scroll to see the remaining. Does this option exist?
Sam
- 291
- 3
- 17
3
votes
1 answer
Angular SSR NgApexcharts SVG is not defined
Originally I was having issues with this package using Angular SSR as I was getting this error on import Window is not defined
However, you can mock this in server.ts via the following:
const MockBrowser =…
Rake146
- 73
- 1
- 7
3
votes
2 answers
Can't update Apexcharts components value
I am using Apexchart library in Vue.js to plot the data on scatterplots. I can POST my data using Axios. I can see the data coming to the browser by doing console.log() to view the data I receive. By using the updateChart() function, which is the…
Alper Çün
- 53
- 1
- 8
3
votes
1 answer
how to decrease line thickness of a line chart in apex charts
I am using Apex charts in the angular project, I have implemented a time series chart there I am not able to decrease the "thickness of a line" in the line chart.
here is my config.
public initChartData(): void {
this.series = …
baba voss
- 53
- 1
- 5
3
votes
3 answers
Fill an array of hash with missing values
I'm trying to build some Heatmap specifics charts for ApexChart. So far, I got this Array of Hash, for 3 activities.
[{
:name => "Activity 1",
:data => {
"May 2020" => 37, "June 2020" => 17, "July 2020" => 9, "August 2020" => 18
}
}, {
…
Toucouleur
- 1,194
- 1
- 10
- 30
3
votes
1 answer
Apex chart doesn't display immediately
I have the following code for a apex chart to be displayed based on value
import React, { Component, Fragment,useState } from "react";
import RestAPI from "services/api";
import axios from "axios";
import Select from 'react-select';
import…
Sam
- 131
- 1
- 9
3
votes
1 answer
How do I remove the legend, labels and all the numbers from the graphs from apex charts
I've tried everything I can. If anyone can help me out, it'll be great. I want the numbers on the graphs and the legend gone
vade
- 53
- 1
- 1
- 4
3
votes
1 answer
How to change bar color at a specific value with Apex Charts?
Is there a way to change the color of a bar on Apex charts below a specific value? For example when a weight above 200 lbs the bar changes red.
Here is the code I am working with but I am not quite sure what I am supposed to put for value,…
Clancinio
- 734
- 6
- 21
- 40
3
votes
5 answers
apexchart width overflows or doesn't strech
I'm using apexcharts with vue. I want the sparkline graph to take 100% of the width of it's parent.
So this is what I did:
dor272
- 550
- 1
- 6
- 26
3
votes
3 answers
ApexCharts.js: How to set fixed value for axis label in Line Chart
I'm currently using ApexChart to display a Line Chart.
Question:
I was wondering if there is a way to set fixed axis label values.
My research effort
For example:
Let's say I want a Line Chart that displays some count per hour in a 24 hour period…
Dave Nishida
- 77
- 1
- 1
- 9