Perspective 8.0.14 Time Series Bar Chart width

[Mason.Younger]

I have the chart displaying how I would like, but can not change the width of the bars in the chart.

I noticed the scatter render type has a radius parameter, am I missing something for the bar render type?

Thanks!

[jball]

@Mason.Younger, you’re not missing anything. There isn’t a setting for bar width. The width is calculated automatically based on the number of data points being displayed on the chart.

This question has come up before. Since there is interest, I will open a ticket to allow for width adjustment.

[arun1]

Hi @jball , If the bar thickness is being calculated automatically then how are people able to create bar charts that look like this:

Stacked Bar Chart in Perspective

@umesh.pol, this is possible with the Time Series Chart. You’ll need to create a trend under a plot and change its type value to bar: [image]

and

Stacked Bar Chart rendering broken?

I have a setup with an XY chart that has three dataSources, all of which are used to generate a triply-stacked bar chart. These sources are getting their data from the same named query with different parameters. [image] Whenever I view the chart, it looks something like that. Some of the columns are fine, but then they become disjointed and it’s all a mess. Could there be something I’m doing wrong? Or are things breaking because of how the named queries aren’t quite getting all the data at t…

I have a stacked bar chart with just 7 data points (along time axis) and I still get thin lines instead of thick bars!!

[arun1]

Hi @Mason.Younger , it’s awesome you were able to draw those 3 horizontal lines for Best, Flex, Target, could you please share how you were able to achieve this?

[jball]

@arun1, you likely have your 7 data points spread out over a long period of time. That longer period of time will create an X axis (time axis) that is much wider, and sparse data will result in thin bars. The first example has a few points spread out over a very short period of time. The second example is the XY Chart (as opposed to the Time Series Chart).

[arun1]

Yup you are correct, my 7 data points were spread out over 7 days. I switched to XY chart after you pointed it out and was able to get it to work after a lot of trial and error. Is there a place where I can post the steps taken to create such a stacked bar graph? might as well save others some time, there is no point in reinventing the wheel

[jball]

You’re welcome to create a new post in this forum and cross-link to the this thread as reference. I think others would certainly find that helpful.

[valerie.garciakutlu]

Where can I find the steps you took to achieve your stacked bar chart? I am looking to do the same. TIA.

[arun1]

@valerie.garciakutlu Sorry about the long delay, I had moved on to other projects. It must be too late to help you but here it is any way:

Stacked Bar Chart in Perspective - Detailed Steps

Few months ago I needed to create a stacked bar chart and ran into issues (Perspective 8.0.14 Time Series Bar Chart width - #3 by arun1). There are few posts here but they don’t give a full picture. Here are the steps that I took to create one: First it is worthwhile to note that we need to use the XY chart and not the TimeSeries chart because the width of the bar chart is calculated automatically based on the amount of data in the x-axis so if you have sparse data in a wide time range then th…

[arun1]

Here is the write up:

Stacked Bar Chart in Perspective - Detailed Steps

Few months ago I needed to create a stacked bar chart and ran into issues (Perspective 8.0.14 Time Series Bar Chart width - #3 by arun1). There are few posts here but they don’t give a full picture. Here are the steps that I took to create one: First it is worthwhile to note that we need to use the XY chart and not the TimeSeries chart because the width of the bar chart is calculated automatically based on the amount of data in the x-axis so if you have sparse data in a wide time range then th…

[flavien]

Hi,

Do you have a solution for changing bar width ? Even if I have a few values in my chart, bars are thin. In my opinion auto width calculation is not working.
I’m on 8.0.16.

[jball]

No solution in place yet. I’ve got a ticket open to expose some options for adjusting the bar chart width on the Time Series and Power Charts. I’ll give it a bump.

[Nicole_Weiss]

Is there a solution for this now?

[jball]

No work has been started yet, but the priority of the ticket was raised.

[victordcq]

Not sure we have the same chart, i dont rly use the charts, how did you get both bar and line?

anyways this css worked on the timeserie barchart for me. You might need to set some offset too if the center no longer matches the x value idk

.ia_barChart > rect {
    width: 132px;
}

[andreas]

Any idea how to offset the center of the bar?

[victordcq]

something like this i guess?

.ia_barChart > rect {
    width: 132px;
    transform: translate(15px)
}

[andreas]

Works perfect
Thanks!

[tmahaf]

I vote for adding a property to allow how wide the bars are. They look really silly if you have data that spans over several days.

The XY Chart bars look much nicer. So a workaround would just be to use that component until inductive makes this a little bit better.

[eckman.tech]

I'm trying to apply that css style to a TimeSeriesChart with a plot configured for bars...no luck. I'm still a bit green with using CSS.

I copied what was provided into the stylesheet.css and appended the .psc- to the front and changed the name. I then typed that into the root style property of the TimeSeriesChart. Where did I go wrong? I'm thinking the fact that the original CSS of "ia_barChart" means I shouldn't be placing it in the stylesheet.css that is available in the designer and it's something more in-depth. (I did try several iterations of the CSS, including not changing anything and still no luck).

I have successfully used the stylesheet.css for other parts and those worked out great. Just not this one.

Any help/explanation will be appreciated! Thanks!