Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unix Timestamp on zooming to milliseconds (timeline) #460

Open
QuentinBubu opened this issue May 13, 2024 · 1 comment
Open

Unix Timestamp on zooming to milliseconds (timeline) #460

QuentinBubu opened this issue May 13, 2024 · 1 comment

Comments

@QuentinBubu
Copy link

Hi,

I apologize, but, when I would like to work with range bar charts for timelines, I have a problem with zoom.
When zooming in to see the details, updating the X axis goes from minute to second, causing a display of timestamps. This happens when you want to scroll the graph with planning or zoom it with zoom selection.
However, I have specified the expected date format with:

    Tooltip = new Tooltip
    {
        X = new TooltipX
        {
            Format = "dd MM yyyy HH:mm:ss.fff",
            },
        },
    }

Each of points on my timeline are stored in an object like that

    public class ChartRowPoints
    {

        /// <summary>
        /// Value on X
        /// </summary>
        public string? XValue { get; set; }

        /// <summary>
        /// Value on Y
        /// </summary>
        public decimal? YValue { get; set; }

        /// <summary>
        /// Start date of event
        /// </summary>
        public DateTime YMinValue { get; set; }

        /// <summary>
        /// End date of event
        /// </summary>
        public DateTime YMaxValue { get; set; }

        /// <summary>
        /// Dictionary with all data
        /// </summary>
        public IDictionary<string, string> Data { get; set; } = new Dictionary<string, string>();
    }
<ApexRangeSeries TItem="ChartRowPoints"
    Items="serie.Series"
    XValue="@(e => e.XValue)"
    YMinValue="@(e => e.YMinValue.ToUnixTimeMilliseconds())"
    YMaxValue="@(e => e.YMaxValue.ToUnixTimeMilliseconds())"
    @attributes="serie.Attributes"
    ShowDataLabels
/>

This bug can be reproduced in the examples you have in the documentation.

You will find 2 demonstration videos, one on your site and the other in my case, locally

Best regards

bugWebsite.mp4
bugLocal.mp4
@joadan
Copy link
Member

joadan commented May 13, 2024

Hi,

I think this is an question for the apexcharts.js repo. I don't think this has anything to do with the wrapper.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants