Hi Ayaskant, You can use `axisLabel.formatter`[1] to format the label from raw data.
Also you can use `category` time. The difference is category is ordinal data. It's not continuous. But the `time` axis is more like value axis. It's continuous Regards. [1] https://echarts.apache.org/en/option.html#xAxis.axisLabel.formatter On Tue, Dec 10, 2019 at 2:32 AM Ayaskant Swain <ayaskant.sw...@gmail.com> wrote: > Hi Yi, > > Can i feed time in milliseconds to X-axis and but want it to convert it to > human readable form like HH:MM:SS - > > var dt = new Date(1575634938383); > > dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds() - > > "17:52:18" > > I want the X-Axis plot the time like this - "17:52:18" > > Thanks > Ayaskant > > > On Fri, Dec 6, 2019 at 7:59 AM Ayaskant Swain <ayaskant.sw...@gmail.com> > wrote: > >> Hi, >> >> Even I thought so. I have to write the Algorithm in Java script to >> process and feed the data to e-chart. I am working on that now. >> >> So for plotting time stamp on X-axis should I choose category as "time" >> for e-charts? >> >> Thanks >> Ayaskant >> >> On Fri, Dec 6, 2019, 7:55 AM Yi Shen <shenyi....@gmail.com> wrote: >> >>> Yes, but you need to process the data by yourself. >>> >>> ECharts will take the data you passed and render them all. >>> >>> On Wed, Dec 4, 2019 at 10:08 PM Ayaskant Swain <ayaskant.sw...@gmail.com> >>> wrote: >>> >>>> Hi Yi & team, >>>> >>>> Many thanks for replying. >>>> >>>> So can we keep showing set of data on the graph depending on specific >>>> time window? I meant last 1 hour of data. The window will slide every 30 >>>> seconds on the time axis. example. >>>> >>>> Example - >>>> 1 - Browser opens and fetches data points from backend of last 1 hour. >>>> *8:00AM-9:00AM*. It graph plots 50 data points as bars. >>>> 2 - Now UI will fetch the new records every 30 seconds using >>>> *setInterval* function. Now at 9:00:30 it gets another 5 records from >>>> backend. >>>> 3 - Now the window on the graph should show all data points between >>>> *8:00:30 >>>> and 9:00:30* >>>> >>>> Is the above achievable in e-charts? >>>> >>>> Thanks >>>> Ayaskant >>>> >>>> >>>> >>>> On Tue, Dec 3, 2019 at 2:21 PM Yi Shen <shenyi....@gmail.com> wrote: >>>> >>>>> Hi Ayaskant >>>>> >>>>> 1. The chart displays the data whatever you give. >>>>> 2. It's because in the demo the old data is shifted from queue. You >>>>> can remove the shift code if you want to keep the old data. >>>>> 3. Yes, as the first one mentioned. >>>>> 4. Yes you can add a dataZoom[1] component >>>>> >>>>> [1] https://echarts.apache.org/en/option.html#dataZoom >>>>> >>>>> On Tue, Dec 3, 2019 at 4:09 PM Ayaskant Swain < >>>>> ayaskant.sw...@gmail.com> wrote: >>>>> >>>>>> Hi E-Chart team, >>>>>> >>>>>> I have couple of queries on plotting incoming dynamic data (lets say >>>>>> 1 data >>>>>> point every second) in a bar chart. I saw the below bar chart in your >>>>>> website which looks like a good fit for plotting dynamic incoming >>>>>> series >>>>>> data. >>>>>> >>>>>> https://echarts.apache.org/examples/en/editor.html?c=dynamic-data >>>>>> >>>>>> Questions : >>>>>> >>>>>> 1. Your chart looks like a sliding window one. So is it like the >>>>>> user >>>>>> can see only the bars that are inside the window at given point of >>>>>> time? >>>>>> 2. What happens to the old data that is going away in the left >>>>>> side? >>>>>> 3. Can i show last 24 hours data points at any given point of time? >>>>>> 4. Can we have zoom-in and zoom-out feature added to the above >>>>>> graph? >>>>>> >>>>>> Quicker reply will be really helpful to me. >>>>>> >>>>>> Thanks >>>>>> Ayaskant >>>>>> >>>>> >>>>> >>>>> -- >>>>> Yi Shen >>>>> Apache ECharts(incubating) PPMC >>>>> >>>> >>> >>> -- >>> Yi Shen >>> Apache ECharts(incubating) PPMC >>> >> -- Yi Shen Apache ECharts(incubating) PPMC
