You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@echarts.apache.org by Ayaskant Swain <ay...@gmail.com> on 2019/12/03 08:09:35 UTC
Question on dynamic data bar chart
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
Re: Question on dynamic data bar chart
Posted by Yi Shen <sh...@gmail.com>.
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 <ay...@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 <ay...@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 <sh...@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 <ay...@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 <sh...@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.swain@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
Re: Question on dynamic data bar chart
Posted by Ayaskant Swain <ay...@gmail.com>.
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 <sh...@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 <ay...@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
>
Re: Question on dynamic data bar chart
Posted by Yi Shen <sh...@gmail.com>.
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 <ay...@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