Questions tagged [apexcharts]
ApexCharts is a modern Javascript library to create beautiful and interactive charts.
879
questions
0
votes
0
answers
14
views
Apex chart individual color for each line but no fill
I am trying to set a fixed color for each line but as soon as I add the color, the line will automatically also get a fill which I do not want.
I have tried anything I can find on Google but ...
0
votes
1
answer
10
views
Howto show absolute number in Apexcharts pie chart
The pie chart I created with Apexcharts shows relative (percentage) numbers at the circle (like the "99.9%" in the screenshot below).
Instead of the relative number I'd like to show the ...
0
votes
0
answers
14
views
Apexcharts animation doesn't work on mount with functional react component
I am trying to implement charts using Apexcharts in react using functional components, however when my component mounts to the dom the chart appears, but the data just pops in out of nowhere without ...
0
votes
0
answers
18
views
My Apex donut chart graph is now showing graph in proper way
I have tried to make a normal circle with given data but so far i cant achieve the same and cant know what is the problem. My javascript code is:
function genderGraph() {
{
var dept = $('#...
1
vote
1
answer
23
views
ApexCharts YaxisBorder zindex (move yaxisborder behind marker)
Trying to keep yaxis border behind maker, but does'nt seem to be working please help
CodeSandbox : https://codesandbox.io/s/apexcharts-forked-znw38y?file=/src/index.js
0
votes
0
answers
20
views
update series apexchart and laravel
I need help updating apexcharts data
when I start the page, the graph loads the data correctly, as shown in the image
display ok
however, when I switch between weekly, monthly and yearly (via ajax ...
0
votes
0
answers
20
views
Apex charts - Column width option does not work
We use a stacked bar chart from Apexcharts library with the following setting:
plotOptions: {
bar: {
columnWidth: '90%',
}
}
Expected behavior: Each stacked bar will take 90% of the available ...
0
votes
0
answers
25
views
getting error in updating apex chart, getting chart is not defined in javascript
Updating the bar chart in apexcharts.js is getting error, the code is given below
Initially a black chart is defined as can later the values to update,
<script src="{% static 'js/jquery.js' %}&...
0
votes
0
answers
14
views
Drawing apexchart timeline chart with dynamic series of data
hi guys i am trying apexchart.js librry to draw a timeline chart.
i want a multiple series depending on tasks i have in sprint in bubble.io in which i want to give name and data parameter dynamically.
...
0
votes
1
answer
18
views
how can i change the colors in apex bar chat
I'm building a bar chart in react and mui using apex-chart,
i want to change the bar colors,
is there any solution for this??? i've tried many things but i think there is no way to achieve this thing.
...
1
vote
1
answer
29
views
Apexcharts how to remove markers and labels and just show the line
I have this chart. I feel those labels on the chart bring no value and distract us from seeing the actual curves. How to I remove those numbers on top of the lines?
This is my actual code, (The bit ...
0
votes
0
answers
14
views
Apexcharts pie colors for specific label name
I have problem with my chart, I want to my Pie chart use specific color for specific label, for example :
if label is "Bekerja" then chart color is #2489FF
here is my code :
var options = {
...
0
votes
1
answer
44
views
Create the Mixed Chart in react
I want to create the chart mixed chart with line and bar like the below image.
0
votes
1
answer
48
views
How Can Change ApexCharts Button Event?
I wanted to use reset zooming button of apexcharts in my project. I wanted to only reset graph after user pressing all button but the page is reloading. Is there any way to remove action of reloading? ...
1
vote
0
answers
20
views
Adding 2 series with different type of data in legends in one Apexcharts
I'm trying to make some button with Daily and Weekly. When I click daily button it would be show up daily chart time and data, if I click weekly button it would be show up weekly chart time and data.
...
3
votes
1
answer
40
views
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 ...
0
votes
3
answers
119
views
TypeError: Cannot read properties of undefined (reading 'toString') (apex-charts)
I was working on a personal project, and I was thinking of using apexcharts, but this error shown in the image started to appear, it disappears if I set the width and height properties in the Chart ...
0
votes
0
answers
14
views
VueJS barchart not getting visualized properly
In my laravel vue application I'm trying to draw a bar chart using my backend data.
Following is what I'm getting from my back end,
return response()->json($day_totals);
array:8 [
"2023-01-...
0
votes
1
answer
34
views
ApexCharts scatterplot with categories on the x-axis and each category has multiple y-values
I am trying to create a scatterplot with ApexCharts using Vue3. My chart will have several different categories on the x-axis and each category will have multiple y-values. However, I cannot figure ...
0
votes
0
answers
21
views
VueJS apexchart not get populated with back end data properly
In my laravel vue application I'm trying to fetch some data from Shopify Admin REST API and display them on the vuejs front end.
Following is my laravel controller.
<?php
namespace App\Http\...
0
votes
1
answer
54
views
Apex chart instance variable not defined error during update of charts using updateOptions
I am using Apexcharts for creating charts in my application. onload all first data is loading perfectly. but on applying filter i need to refresh or update the charts with the new data from filter, I ...
1
vote
0
answers
35
views
Customizing YAxis in Oracle Apex Chart
I have the following situation in Apex (v22.11): I have a chart with the type 'Combination'; so the series are one line chart and 4 bar charts. The format of the y axis is 'Percent' (so the numbers ...
0
votes
0
answers
23
views
ApexChart: Dunot chart ir not showing labels
I'm having a problem with donut charts in ApexCharts in my React App.
I have an API that returns to me a JSON and I pass this JSON data to some charts. The chart it's showing correct data, but the ...
1
vote
1
answer
45
views
Add the missing Object's by comparing Two array of object
I am trying to plot a chart to display sales comparison by year for the brands, below are the two arrays of sales by year.
var current_year = [
{
total: 12941.17,
comapanyName: "Samsung&...
1
vote
0
answers
20
views
How to Create a react apex chart to display data of past 12 months?
I have a application submitting portal, I which user his/her request. the issue I am facing is to separate data on base created at field which separates data from current month to past 12 months.
The ...
0
votes
1
answer
30
views
How to move outside pie chart labels on angular apexcharts.js
I'm trying to move the labels out of the pie chart, but I can't move them in any way, is there any way i angular to move them out of the pie chart? (Angular v14)
I don't quite understand the ...
0
votes
0
answers
62
views
Vue Apexchart timeline: dataLabel still visible even items aren't visible in the chart (time has passed or not met)
vuejs
apexcharts
Hi, I have an issue and not sure if it was a bug or I have missed for some configuration. Currently I'm flowing the Timeline Charts here. I have to enable for the label, and you can ...
0
votes
0
answers
10
views
Create bar chart from multidimensional array (series) with Apexcharts (or VueApexCharts)
Is there a way to create charts (eg. bar charts) using a multidimensional array with ApexCharts? I mean grouped data automatically.
An example of the array (series) I want to use directly to create a ...
0
votes
0
answers
31
views
Angular Apexcharts template generates errors - template elements unrecognised
I am following the example given in ApexCharts website to create candlestick with line combo chart in Angular. There's also a sandbox given.
Basically the way I am following the 'presciption' given in ...
0
votes
3
answers
45
views
Chart in javascript doesn't change color
I have a problem in javascript with building financial candlestick charts. I made a chart with apex.js and it displays the correct data where it should be but the color of the chart doesn't change, ...
-1
votes
0
answers
5
views
this value was evaluated upon first expanding. it may have changed since then [duplicate]
I'm trying to fill an array with data from chainlink historical feed prices, but the array is null when rendering the cart, on console log shows the lenght of 0 and then show the data.
async ...
0
votes
1
answer
28
views
Change color of bar on bar chart in ApexCharts based on .getMonth() === series Month
I have a Grouped Bar chart in Apexchart with 3 sets of data. I would like to change the color of the 3 bars in the group if the Data 1:Month > the current month. Not sure if I'm going in the right ...
0
votes
0
answers
20
views
Apex chart not changing colors when using candlestick chart
I am using apex charts to develop charts for the stock market and in the backend I use Django. I have a problem with changing the colors of candlesticks. I have multiple stocks with years of data and ...
0
votes
1
answer
40
views
How to set text value along axis in apex chart
We are new to apex chart usage, currently apex chart along y-axis showing integer values, but we want to display values which could be in millions, so we want labels of axis to be as 1m, 2m etc.
0
votes
1
answer
43
views
Get time/date range of selected timespan apex area chart
I have some issues with apex charts. I want to create an area chart with a selectable time range on the x-axis (standard by selecting an interval by mousedraw). The "standard" example is ...
0
votes
0
answers
56
views
Apex line chart overflowing on first render and if anything changed it goes back to normal
I'm using MUI and in there used ApexChart, but in case of line chart, the chart is overflowing, and makes the horizontal scroll appear. Here is the attached image:
If any state is changed in the page ...
1
vote
1
answer
72
views
Custom Apexchart
I am trying to create a graph with Apexcharts that looks like below. You can ignore the 2 vertical lines as they are not necessary.
Looking at the examples that apexcharts have, the closest thing I ...
0
votes
1
answer
25
views
apexcharts - Area chart not filling area
I'm trying to make an area chart using apexcharts with nuxt (vue2), but the area is not getting filled, and the options i set in chartOptions for fill are getting used by the line itself instead of ...
0
votes
1
answer
48
views
need to remove sky background color on bar hover in apexcharts
Hello frontend developers.
I just want remove this background color.I am sure about this is background color.
I am using apexcharts
enter image description here
thanks.
enter image description here
I ...
1
vote
1
answer
21
views
Prevent background color change when the graph data changed in scale view at apex chart
I created Apexchart (line chart) components with date filter picker.
The chart is dynamic based on series.
function RenderChart({ series, xaxis }: { series: any; xaxis?: any }) {
const chartOptions ...
0
votes
0
answers
21
views
How can I get the tooltip to display on ApexCharts Track?
If you look at their example, I would like to hover in one of the gray areas and display the tooltip:
https://apexcharts.com/javascript-chart-demos/radialbar-charts/multiple-radialbars/
Extensive ...
0
votes
0
answers
30
views
Show values that below the certain percentage within other label in pie chart
I am trying to create pie chart. This chart will have 18 different labels. Problem is that the values of some fields in the series are minuscule compared to other fields (see screenshot of chart below)...
0
votes
0
answers
24
views
ApexChart Vuetify 2 TypeScript Support Composition API
Hello guys I have a project on Vue 2 TypeScript supported and I want to use ApexChart for showing my charts. But In documentation i see only JavaScript implementation and i tried to modify for ...
1
vote
0
answers
15
views
update options without reseting the zoom
I am using React ApexChart in order to show off some data, and I have a switch that shows and hides the data labels. The options are changing without problems, but the zoom level is resetting every ...
0
votes
0
answers
32
views
How to prepare JSON format export from Pandas dataframe for Apexcharts?
As an input I have pandas dataframe with few numeric columns, which I would like to use as a source in Apexcharts which reads data from JSON. Can you please help me with a right format of JSON and how ...
0
votes
1
answer
23
views
why is ApexChart x-axis title position bugging
The x-axis title in my apexchart suddenly appeared overlapping on the graph as shown above (it should appear below the x-axis line), it was all fine before and I didn't change anything about its ...
0
votes
0
answers
25
views
ApexCharts appearing on top of navbar, -z-50 or z-index:-999 is not solving the problem
i am facing an issue with apexchart charts they are appearing on top of my navbar which looks ugly this is how it is looking when appearing on top of the navbar while i scroll throw the website
i am ...
0
votes
1
answer
62
views
Apex Chart not rendering completely in angular
I have apex chart in angular that is receiving input from a parent component. See code below
`
@Input() labels: string[] = [];
@Input() series: number[] = [];
constructor() {}
ngOnInit(): ...
0
votes
1
answer
91
views
ApexCharts - How do I move the data label on pie chart?
I am trying to move my data labels inward so that they are easier to read. If there is a way to dynamically center them in the slice, that would be ideal.
I've read the docs and tried modifying the ...
0
votes
1
answer
108
views
Where does 'generateData' comes in ApexChart documentation?
I would use HeatMap chart from ApexChart. https://apexcharts.com/docs/installation/
They are using generateData method to demonstrate the data structure ApexChart requires. But what kind of data ...