TinyMCE (4.1.4) tesztek képfeltöltéssel
alap
|
figure1
|
figure2
|
google
|
figure3
|
figure4
<h2>Google Timeline idősűvok színeinek rögzítése(kovacsdev)</h2> <h3>!! Próbáld ki "Előnézet"-ben is, mert csak ott látszik az eredmény !!</h3> <script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization', 'version':'1','packages':['timeline']}]}"></script> <script type="text/javascript"> google.setOnLoadCallback(drawChart); function drawChart() { var container = document.getElementById('example5.3'); var chart = new google.visualization.Timeline(container); var dataTable = new google.visualization.DataTable(); dataTable.addColumn({ type: 'string', id: 'Room' }); dataTable.addColumn({ type: 'string', id: 'Name' }); dataTable.addColumn({ type: 'date', id: 'Start' }); dataTable.addColumn({ type: 'date', id: 'End' }); dataTable.addRows([ //sor-1 [ 'Magnolia Room', 'CSS Fundamentals', new Date(0,0,0,12,0,0), new Date(0,0,0,14,0,0) ], [ 'Magnolia Room', 'Intro JavaScript', new Date(0,0,0,14,30,0), new Date(0,0,0,16,0,0) ], [ 'Magnolia Room', 'Advanced JavaScript', new Date(0,0,0,16,30,0), new Date(0,0,0,17,30,0) ], [ 'Gladiolus Room', 'Intermediate Perl', new Date(0,0,0,12,30,0), new Date(0,0,0,14,0,0) ], [ 'Gladiolus Room', 'Advanced Perl', new Date(0,0,0,14,30,0), new Date(0,0,0,16,0,0) ], [ 'Gladiolus Room', 'Applied Perl', new Date(0,0,0,16,30,0), new Date(0,0,0,17,0,0) ], [ 'Gladiolus R', 'Intermediate Perl', new Date(0,0,0,12,30,0), new Date(0,0,0,14,0,0) ], [ 'Gladiolus R', 'Advanced Perl', new Date(0,0,0,14,30,0), new Date(0,0,0,16,0,0) ], [ 'Gladiolus R', 'Applied Perl', new Date(0,0,0,16,30,0), new Date(0,0,0,17,0,0) ], [ 'Magnolia R', 'CSS Fundamentals', new Date(0,0,0,12,0,0), new Date(0,0,0,14,0,0) ], [ 'Magnolia R', 'Intro JavaScript', new Date(0,0,0,14,30,0), new Date(0,0,0,16,0,0) ], [ 'Magnolia R', 'Advanced JavaScript', new Date(0,0,0,16,30,0), new Date(0,0,0,17,30,0) ], [ 'Petunia Room', 'Google Charts', new Date(0,0,0,12,30,0), new Date(0,0,0,14,0,0) ], [ 'Petunia Room', 'Closure', new Date(0,0,0,14,30,0), new Date(0,0,0,16,0,0) ], [ 'Petunia Room', 'App Engine', new Date(0,0,0,16,30,0), new Date(0,0,0,17,30,0) ], [ 'Petunia R', 'Google Charts', new Date(0,0,0,12,30,0), new Date(0,0,0,14,0,0) ], [ 'Petunia R', 'Closure', new Date(0,0,0,14,30,0), new Date(0,0,0,16,0,0) ], [ 'Petunia R', 'App Engine', new Date(0,0,0,16,30,0), new Date(0,0,0,17,30,0) ] ]); var options = { timeline: { colorByRowLabel: true }, backgroundColor: '#ffd', colors: ['#bbccaa', '#ccbbaa', '#aaccbb', '#aabbcc', '#ccaabb', '#bbaacc'], }; chart.draw(dataTable, options); } </script> <div id="example5.3" style="width:800px;height:300px;margin:0 auto;border:1px solid green;"></div> <br> <hr>
×
Modal title