X-axis in xy chart in Perspective

Ignition
1

Hello,
how can i set the x-axis to have ONLY the value of my t_stamp?

i would like to have only 5:00, 6:00... and not also 5:30, 6:30...

image
image1292×361 15.7 KB

Moreover i would like to have the labels with t_stamp at the center of the y-series values.
Now they are configured as "middle" but it seems they are randomly placed...

image
image321×481 18.9 KB

Appreciate who could help.

thanks

2

Try increasing xAxes.0.appearance.grid.minDistance.
Start with doubling it.

minDistance
The minimum distance (in pixels) between grid lines. If set to NULL, the default value will be 120. Default value is 60.
value: numeric
Perspective - XY Chart | Ignition User Manual

3

it works, thanks.

image
image872×357 14 KB

now, it seems that my data are not centered into the timestamp range zone. they seems to be on the left side.

also it seems that the x axis is cropped on the rigts side.

thanks in advance

4

on the browser it works fine

image
image1048×407 12.7 KB

5

To shift the grid adjust xAxes.0.appearance.grid.position between 0 and 1. See Perspective - XY Chart | Ignition User Manual.

Also it seems that the x axis is cropped on the right side.

I think you are mis-using the XY Chart by treating timestamps as categories. I see two options:

  1. Set xAxes.0.render : category and see if that fixes it.
  2. Add an expression to xAxes.0.date.range.min:
addMinutes(
	{this.props.dataSources.example[0].t_stamp},
	-30
)

... and xAxes.0.date.range.max might be something like this untested expression:

addMinutes(
	{this.props.dataSources.example}[len({this.props.dataSources.example}) - 1]['t_stamp'],
	30
)

On the browser it works fine.

That makes design awkward.