Add Group Functionality to Simple VIS.JS Script

$10-30 USD

Selesai

Disiarkan

lebih dari 8 tahun yang lalu

$10-30 USD

Dibayar semasa penghantaran

I am using the timeline function of the [login to view URL] project. You can see the documentation at: [login to view URL] I have the basic example working fine. I am attaching it. I need it modified to create groups. Please modify to create 3 groups. Add 2 items from the Items to each group. Please keep as simple as possible. I will pay a maximum of $20 for this.

Java

JavaScript

Website Design

ID Projek: 8331059

Tentang projek

Projek jarak jauh

Aktif 9 tahun yang lalu

Ingin menjana wang?

Alamat e-mel

Faedah membida di Freelancer

Tetapkan bajet dan garis masa anda

Dapatkan bayaran untuk kerja anda

Tuliskan cadangan anda

Ianya percuma untuk mendaftar dan membida pekerjaan

Dianugerahkan kepada:

@fam85

Hi inprod I have done what you want <!DOCTYPE HTML> <html> <head> <title>Timeline | Basic demo</title> <style type="text/css"> body, html { font-family: sans-serif; } .red { color: red; } </style> <script src="[login to view URL]"></script> <link href="[login to view URL]" rel="stylesheet" type="text/css" /> </head> <body> <div id="visualization"></div> <script type="text/javascript"> var groups = ([ { id: 1, content: 'Group 1' // Optional: a field 'className', 'style' }, { id: 2, content: 'Group 2' // Optional: a field 'className', 'style' }, { id: 3, content: 'Group 3' // Optional: a field 'className', 'style' } // more groups... ]); // DOM element where the Timeline will be attached var container = [login to view URL]('visualization'); // Create a DataSet (allows two way data-binding) var items = new [login to view URL]([ {id: 1,group:1, content: 'item 1', start: '2013-04-20'}, {id: 2,group:1, content: 'item 2', start: '2013-04-14'}, {id: 3,group:2, content: 'item 3', start: '2013-04-18'}, {id: 4, group:2,content: 'item 4', start: '2013-04-16', end: '2013-04-19'}, {id: 5, group:3, content: 'item 5', start: '2013-04-25'}, {id: 6, group:3, content: 'item 6', start: '2013-04-27'} ]); // Configuration for the Timeline var options = {}; // Create a Timeline var timeline = new [login to view URL](container, items,groups, options); </script> </body> </html>

$20 USD dalam 0 hari