Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bar charts in multi chart not displaying correctly #34

Closed
ThinkSalat opened this issue Jan 16, 2019 · 3 comments
Closed

bar charts in multi chart not displaying correctly #34

ThinkSalat opened this issue Jan 16, 2019 · 3 comments
Labels
bug Something isn't working

Comments

@ThinkSalat
Copy link

Here's what I'm getting
screen shot 2019-01-16 at 12 35 22 pm

The bar should only cover the one data point, but it fills the entire graph.
It should be simple to get these bars to show up correctly but they're not showing up right. When you hover over the bar, it starts glitching out.

when you click to remove the first dataset from the graph, it also removes the second dataset from the graph. Please give me some guidance here, I've been banging my head against the wall trying to figure this one out. The docs have not been much help either.

here's the data:

My first series: data: [{x: "15-Jan-19", y: 3}], type: line
second series: data: [{x: "15-Jan-19", y: 2}], type: bar

yaxis and annotations are generated before this based on the data.

options = {
chart: {
fontFamily: 'Quicksand, Times New Roman, Times, serif, sans-serif',
toolbar: { show: false },
zoom: { enabled: false },
},
markers : { size: [5,5] },
stroke: { size: [5,5],
dataLabels: { enabled: false },
selection: { enabled: false },
tooltip: {
enabled: true,
shared: true,
followCursor: false,
fixed: {
enabled: true,
position: 'top'
}
},
plotOptions: {
bar: {
horizontal: false,
endingShape: 'flat',
columnWidth: '70%',
barHeight: '70%',
distributed: true
}
},
xaxis: {
type: 'datetime',
crosshairs: { show: true },
tooltip: { enabled: false },
max: Date.now(),
min,
},
yaxis,
annotations,
}

@junedchhipa junedchhipa added the bug Something isn't working label Jan 17, 2019
@junedchhipa
Copy link
Contributor

@ThinkSalat Sorry for the trouble you faced in this regard. Looking at the screenshot, it looks like a bug in single dataPoints series. I will check soon and get back.

@ThinkSalat
Copy link
Author

@ThinkSalat Sorry for the trouble you faced in this regard. Looking at the screenshot, it looks like a bug in single dataPoints series. I will check soon and get back.

I should let you know that it happens with datasets with more than one dataPoint too:

screen shot 2019-01-17 at 4 27 17 pm

@junedchhipa
Copy link
Contributor

@ThinkSalat
Thanks for the additional info.
Also, your configuration was missing some parenthesis (stroke is missing its closing bracket).
Anyway, I have fixed the bug in the last commit - apexcharts/apexcharts.js@69cabe0 and will be releasing a patch soon.
I will try to create a codepen when I do a release to demonstrate the use-case.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants