TimeSeries Chart and timeRange

In Perspective, I wonder if is possible to set the labels in of the timeAxis in a TimeSeries Chart in a fixed mode… My chart shows the power during 1 single day, so I want to have the timeAxis label every 3 hour and not that they change dynamically.

Thanks for the help

Any idea guys? Thank you

Hmmm. I haven’t tried to use it before. I can’t see how you can do what you want.
Why did you choose the Time Series rather than the XY Chart?

There is no way to force the tick marks to always indicate the same hour (aside from always providing the same time range.

The value of the tick marks is dictated based on the number of ticks, the format used for them, and the time range provided.

1 Like

Thanks for the answer, it’s a pity… I collect data of power consumption every hour of every day and should be nice having the 24hours fixed and seen the chart that fills up during the day.

There’s no particular reason, I just start with it just to play and the Time Series Area is quite nice, but I can think to change if is necessary.

Here’s how it looks like:
Annotation 2022-07-25 203016

Theoretically, it could be done, but you would probably have to use a script transform to make it work with the TimeSires chart. Probably wouldn’t be the most performant thing either.

I think the XY Chart may be a better fit as far as allowing for a fixed set of tick marks. That or a 3rd Party module may have something that you could use.

See here for an example:

@lrose , I’ve just add the module, it looks amazing. I play a little bit and I let you know, first of all I’ve to figure out how to set the Yaxis in autorange :smiley:

I’m trying to use ApexChart, but I find problem setting the Xaxis fixed from 00:00 to 24:00.

The data chart are correct as it was with the TimeSeries chart, but the X axis labels are not shown. I set the type as “datetime” and the min and max as in picture.

Can I ask here or is better if I open a new topic specific?

You can ask here as it’s related to the same issue. I don’t actually have the module (yet) so I’m not real sure.


ok thanks.

I know that you don’t use the module, but I take this opportunity to ask one (probably) stupid thing that I can’t understand. I’m inserting all the objects, values ecc manually, but I see everywhere that they put the code directly and it looks better to manage… For example like this:

  "chart": {
    "animations": {
      "enabled": true,
      "dynamicAnimation": {
        "speed": 1000
      "easing": "linear"
    "toolbar": {
      "show": false
    "zoom": {
      "enabled": false
    "id": "realtime"
  "dataLabels": {
    "enabled": false
  "stroke": {
    "curve": "smooth",
    "colors": [

I can’t understand where I could write the code

@nminchin, hi Nick, I’ve just red here “KyvisLabs ApexChart Module - #13 by kyvislabs” that you solve this problem

  1. How would I show labels for particular dates/times instead? e.g. only show labels for every hour or every 6 hours?

Could you help me please? I would like to do the same but I’m struggling even to show the exactly Xaxis as I said above.
And maybe you could answer to my question about using the code to setup the chart instead of inser all the objects manually.

Thanks a lot!

I’ve just realized that I install the versione 1.0.0 … As soon as is possible I will update with 1.0.9, could be this the problem?

Short version, I use a script transform on my data from a query and I set the format for my time series chart size that doesn’t change.

Longer version:

I use a query that feeds data points by a set time range, but if I get 0, it doesn’t give me a data point.

So what I did, I have a set size and a set expectation of how many points I will have when I constructed the chart.

Then for the data, I do a script transform that appends zero values for datapoints I don’t have.

For me, I always have 60 “data points” for my chart. I append zeros when I don’t have real data points from my query.