# Perspective: Time series chart, how to set width of bars

**URL:** <https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-set-width-of-bars/38629>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [September 13, 2020, 6:22am UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-set-width-of-bars/38629 "2020-09-13T06:22:16Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![yash.bhan](https://avatars.discourse-cdn.com/v4/letter/y/bbe5ce/32.png) [@yash.bhan](https://forum.inductiveautomation.com/u/yash.bhan)\
**Post date:** [September 13, 2020, 6:22am UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-set-width-of-bars/38629/1 "2020-09-13T06:22:16Z")

</div>

Hi

We are using a time series chart to show data on an hourly basis. The output of the chart is shown in the image:

![output](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/0/b02373cfa4b022215bb341ab80fd65e2f20f89f5.png)

Wanted to know how to increase the width of the bars, as they are appearing very thin. I’m not able to figure out why, probably it is an issue with the time interval.

---

<div class="post-metadata">

**Author:** ![Ethan.Strike](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ethan.strike/32/13809_2.png) [@Ethan.Strike](https://forum.inductiveautomation.com/u/Ethan.Strike)\
**Post date:** [September 14, 2020, 3:12pm UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-set-width-of-bars/38629/2 "2020-09-14T15:12:07Z")

</div>

Yash,

The graph best to use is dependent on what you’re trying to display. If the data you trying to display is not tag history, you may want to use something like the [Bar Chart](https://docs.inductiveautomation.com/display/DOC80/Report+Charts#ReportCharts-BarChart).

Can you explain a little more for what are type of data you trying to display? On first look, it seems you are storing tag history hourly but not in between each hour. The time series chart graph displays data from a tag history table in a way that is visually akin to a stock market graph.

Here is the [Timeseries Chart Documentation](https://docs.inductiveautomation.com/display/DOC80/Report+Charts#ReportCharts-TimeseriesChart) for a quick reference.

-Ethan

---

<div class="post-metadata">

**Author:** ![MCC](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@MCC](https://forum.inductiveautomation.com/u/MCC)\
**Post date:** [February 28, 2024, 7:49am UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-set-width-of-bars/38629/3 "2024-02-28T07:49:55Z")

</div>

I am seeing the same behavior. I have a dataset with a row for each day of the month and 8 columns. The bars are too narrow.

I also notice that the bars stack even when you select NOT to stack - this is even true with the sample data when you first place the component. With sample data the bars are the expected width, but they stack regardless of settings.

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [February 28, 2024, 8:09am UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-set-width-of-bars/38629/4 "2024-02-28T08:09:23Z")

</div>

Post your Time Series Chart JSON and if the data is from a binding post the data separately so we can reproduce the problem and suggest a fix. Please post formatted code. See [Wiki - how to post code on this forum](https://forum.inductiveautomation.com/t/wiki-how-to-post-code-on-this-forum/77831).

---

<div class="post-metadata">

**Author:** ![MCC](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@MCC](https://forum.inductiveautomation.com/u/MCC)\
**Post date:** [February 29, 2024, 6:26am UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-set-width-of-bars/38629/5 "2024-02-29T06:26:54Z")

</div>

Here is an example data set.

```auto
{
  "$": [
    "ds",
    192,
    1709187686482
  ],
  "$columns": [
    {
      "name": "Day",
      "type": "Date",
      "data": [
        1706745600000,
        1706832000000,
        1706918400000,
        1707004800000,
        1707091200000,
        1707177600000,
        1707264000000,
        1707350400000,
        1707436800000,
        1707523200000,
        1707609600000
      ]
    },
    {
      "name": "Quantity",
      "type": "Integer",
      "data": [
        2,
        12,
        0,
        0,
        5,
        4,
        11,
        7,
        12,
        0,
        0
      ]
    },
    {
      "name": "Ave Time",
      "type": "Double",
      "data": [
        13.0,
        39.333333,
        null,
        null,
        41.6,
        47.0,
        42.90909,
        48.714285,
        33.25,
        null,
        null
      ]
    }
  ]
}

```

Here is how the chart looks:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/0/50f5e355b065c6bf8e94dd9d07d1590ebd7fefce.png)

It is configured not to stack, yet the bars are stacked:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/c/3c161b6cab6b67d09bd935f8514af7cb7f40edc0.png)

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![MCC](https://avatars.discourse-cdn.com/v4/letter/m/3e96dc/32.png) [@MCC](https://forum.inductiveautomation.com/u/MCC)\
**Post date:** [March 1, 2024, 3:59am UTC](https://forum.inductiveautomation.com/t/perspective-time-series-chart-how-to-set-width-of-bars/38629/6 "2024-03-01T03:59:14Z")

</div>

Here's a time series bar chart with the default sample dataset. If I uncheck "stack," the pressure and temperature bars should appear next to one another, but they still stack.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/4/741e075bd0e32982ac761f9a20647910df7b78d8.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/a/9a4974732c083e57bfe1a3ae019df0a61ce9c18b.png)