Comments (3)
Fixed the x-axis color setting which I missed for bar charts
Note that the name of the property is changed from color to colors xaxis.labels.style.colors
It accepts an array as well as a single string color. Here is the doc - https://apexcharts.com/docs/options/xaxis/#labelsColor
from apexcharts.js.
I think I missed the labels color settings for "Horizontal Bar Charts".
I will take a look
from apexcharts.js.
here i am passed 8 color for each data item but its only show first 4 color for both bar 1 and bar 2 i want to 4 colors for 1st bar and another 4 color for second bar please give me the solution const ebChartData = {
series: [
{
data: [17, 11],
name: "PRODUCT A",
},
{
data: [17,11],
name: 'PRODUCT B',
},
{
data: [17, 11],
name: "PRODUCT C",
},
{
data: [11, 17],
name: 'PRODUCT D',
},
],
colors: ["#B7A0E0", "#EC99C2", "#FEBF89", "#FFE083","#C4F9CA", "#A3C4F3", "#98F5E1", "#FDE4CF"],
chart: {
type: "bar",
stacked: true,
toolbar: {
show: false,
},
},
xaxis: {
categories: ["Assets", "Liabilities & Equity"],
},
fill: {
opacity: 1,
},
legend: {
show: false,
},
plotOptions: {
bar: {
horizontal: false,
borderRadius: 10,
borderRadiusApplication: "end",
borderRadiusWhenStacked: "last",
},
},
};
from apexcharts.js.
Related Issues (20)
- Area Charts with Multiple Series Glitches Every Time on Animation using version 3.49.0 HOT 1
- Brush does not work with predefined categories
- Mixed Chart Multiple yaxis with negative value behaviour HOT 3
- apexcharts.common.js:6 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'group') at apexcharts.common.js:6:1 HOT 1
- When I release the mouse, a point that is supposed to be null appears.
- Add single series forecasting from a multiseries line chart
- Group/Sync Graphs but different height HOT 3
- Heatmap reversed brightness
- X-axis labels cut out on the radar chart on mobile view HOT 1
- [Dumbbell chart] plotting `null` values at the top of the chart
- Add a color Attribute for range column/bar chart
- The number displayed on horizontal graph overflow out of the frame.
- 3.49 causes issues with animation HOT 1
- Can we add custom Donuts background color inside labels
- Unix Timestamp on zooming to milliseconds (timeline)
- Feature Request: Enable Interactive Tooltips in ApexCharts
- Irregular timeseries line chart displays vertical line
- Incorrect display format for horizontal bar charts when using formatter functions
- Update to 3.49.1 make the browser freeze HOT 1
- Total data label not centered when using a stacked bar chart HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from apexcharts.js.