question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug]: BarChartGrouped doesn't work with scaleType: 'time'

See original GitHub issue

Contact Details

No response

What happened?

BarChartGrouped cannot be used in combination with scaleType: 'time'. Using the configuration described below, the axes are displayed correctly but there is no data shown. However, if I change scaleType to 'labels', it displays correctly.

I’d like to use the grouped bar chart to show different values for the same time stamp.

Version

@carbon/charts-svelte@1.0.2

Data & options used

        const data = [
		{
			group: 'Arc',
			date: '2018-12-31',
			value: 22
		},
		{
			group: 'Regular Shutdown',
			date: '2018-12-31',
			value: 1
		},
		{
			group: 'Arc',
			date: '2019-01-06',
			value: 30
		},
		{
			group: 'Regular Shutdown',
			date: '2019-01-06',
			value: 49
		},
		{
			group: 'Irregular Shutdown',
			date: '2019-01-06',
			value: 5
		}
	];

	const options = {
		title: 'Daily Events',
		axes: {
			left: {
				mapsTo: 'value'
			},
			bottom: {
				mapsTo: 'date',
				scaleType: 'time'
			}
		}
	};

Relevant log output

No response

Codesandbox example

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:1
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
cloudlenacommented, Jun 28, 2022

Awesome! Thanks so much, @theiliad 🎉

1reaction
theiliadcommented, Jun 28, 2022

Closed by #1398

Read more comments on GitHub >

github_iconTop Results From Across the Web

dc.js grouped bar chart - crossfilter - Stack Overflow
I need to do this grouped bar chart like this one but the .renderType() doesn`t work. Are there any solutions to do a...
Read more >
How to properly arrange group plot for bar chart using pgfplot?
My plot looks untidy, the space between each groupplot also doesn't look nice. My solution: set width , height and enlarge x limits...
Read more >
Build a bar chart in Grafana - Timescale Docs
Plot a bar chart in Grafana to compare values between categories. ... A bar chart is a good way to compare items between...
Read more >
Grouped Bar Charts - Salesforce Help
Use a grouped bar chart when you have multiple groupings, and you want to compare values within a secondary grouping, but not the...
Read more >
Bar Chart - Knowledge Base - Domo
Customizing bar charts ; Category Scale (Y) > Position (horizontal bar only). Allows you to set the orientation of the bars in the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found