Need to plot images in a chart using Angular2

Asked Jan 11 '18 at 11:18

Active Oct 29 '21 at 07:52

Viewed 137 times

I need to plot images like a timeline view/chart with start and end timestamps on x-axis. The below image contains 3 PNG images and each image has start and end timestamps. Please find the below screenshot for reference.

My Datapoint looks like below

this.audioData = [{
    startTimestamp: 1515096303610,
    endTimestamp: 1515096903667,
    position: 1,
    image: 'assets/img/audio-image1.png'
}, {
    startTimestamp: 1515096903667,
    endTimestamp: 1515097503607,
    position: 1,
    image: 'assets/img/audio-image1.png'
}, {
     startTimestamp: 1515096903667,
    endTimestamp: 1515096903670,
    position: 1,
    image: 'assets/img/audio-image3.png'
}];
}

Note: I am currently using google charts and dev extreme charts if any way on using those two will be more helpful. If any other charts with same requirements also fine. Can anyone please help me on this?

edited Oct 29 '21 at 07:52

Tomislav Stankovic

3,080
17
35
42

asked Jan 11 '18 at 11:18

Madhavi

Why do you want to combine these pictures with chart control? – Pavel Gruba Jan 15 '18 at 15:35
I need to visualize these images in a chart to see the audio status in timely manner. – Madhavi Jan 19 '18 at 07:30

Need to plot images in a chart using Angular2

0 Answers0