https://tech.uvoo.io/index.php?action=history&feed=atom&title=Graph_libs_for_javascript 2026-04-23T14:45:28Z Revision history for this page on the wiki MediaWiki 1.35.2 https://tech.uvoo.io/index.php?title=Graph_libs_for_javascript&diff=4085&oldid=prev 2023-04-24T15:44:16Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 15:44, 24 April 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://github.com/zingchart/awesome-charting#free-and-open-source-libraries</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://github.com/zingchart/awesome-charting#free-and-open-source-libraries</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"># Google Charts</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://developers.google.com/chart/interactive/docs/gallery</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://developers.google.com/chart/interactive/docs/gallery</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://developers.google.com/chart/interactive/docs/gallery/linechart</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://developers.google.com/chart/interactive/docs/gallery/linechart</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">https://jsfiddle.net/4w626v2s/2/</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>```</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>```</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>google.charts.load('current', {'packages':['corechart']});</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>google.charts.load('current', {'packages':['corechart']});</div></td></tr> </table>

Busk https://tech.uvoo.io/index.php?title=Graph_libs_for_javascript&diff=4084&oldid=prev 2023-04-24T15:43:44Z

<p>Busk moved page <a href="/index.php?title=Javascript_graph_libs&amp;action=edit&amp;redlink=1" class="new" title="Javascript graph libs (page does not exist)">Javascript graph libs</a> to <a href="/index.php/Graph_libs_for_javascript" title="Graph libs for javascript">Graph libs for javascript</a> without leaving a redirect </p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <tr class="diff-title" lang="en"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 15:43, 24 April 2023</td> </tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr></table>

Busk https://tech.uvoo.io/index.php?title=Graph_libs_for_javascript&diff=4083&oldid=prev 2023-04-24T15:43:19Z

<p>Created page with &quot;https://github.com/zingchart/awesome-charting#free-and-open-source-libraries https://developers.google.com/chart/interactive/docs/gallery https://developers.google.com/chart...&quot;</p> <p><b>New page</b></p><div>https://github.com/zingchart/awesome-charting#free-and-open-source-libraries<br /> <br /> https://developers.google.com/chart/interactive/docs/gallery<br /> <br /> https://developers.google.com/chart/interactive/docs/gallery/linechart<br /> ```<br /> google.charts.load('current', {'packages':['corechart']});<br /> google.charts.setOnLoadCallback(drawChart);<br /> function drawChart() {<br /> var data = google.visualization.arrayToDataTable([<br /> ['Year', 'Sales'],<br /> [new Date(2001,01,01), 30],<br /> [new Date(2002,01,01), 70],<br /> [new Date(2003,01,01), 45],<br /> [new Date(2004,01,01), 99],<br /> [new Date(2005,01,01), 22],<br /> [new Date(2006,01,01), 0],<br /> [new Date(2007,01,01), 89],<br /> [new Date(2008,01,01), 30],<br /> [new Date(2009,01,01), 32],<br /> [new Date(2010,01,01), 77],<br /> [new Date(2011,01,01), 67],<br /> [new Date(2012,01,01), 22],<br /> [new Date(2013,01,01), 23],<br /> [new Date(2014,01,01), 25],<br /> [new Date(2015,01,01), 9],<br /> [new Date(2016,01,01), 10],<br /> [new Date(2017,01,01), 77],<br /> [new Date(2018,01,01), 47],<br /> [new Date(2019,01,01), 22],<br /> [new Date(2020,01,01), 23],<br /> [new Date(2022,01,01), 12],<br /> [new Date(2023,01,01), 9],<br /> [new Date(2024,01,01), 10],<br /> [new Date(2025,01,01), 10],<br /> [new Date(2026,01,01), 77],<br /> [new Date(2027,01,01), 67],<br /> [new Date(2028,01,01), 22],<br /> [new Date(2029,01,01), 23],<br /> [new Date(2030,01,01), 34],<br /> [new Date(2031,01,01), 9],<br /> [new Date(2032,01,01), 10],<br /> [new Date(2033,01,01), 22],<br /> [new Date(2034,01,01), 23],<br /> [new Date(2035,01,01), 19],<br /> [new Date(2036,01,01), 12],<br /> [new Date(2037,01,01), 10],<br /> [new Date(2038,01,01), 17],<br /> [new Date(2039,01,01), 6],<br /> [new Date(2040,01,01), 6],<br /> [new Date(2041,01,01), 22],<br /> [new Date(2042,01,01), 23],<br /> [new Date(2043,01,01), 71],<br /> [new Date(2044,01,01), 9],<br /> [new Date(2045,01,01), 10],<br /> [new Date(2046,01,01), 78],<br /> [new Date(2047,01,01), 67],<br /> [new Date(2048,01,01), 22],<br /> [new Date(2049,01,01), 23],<br /> [new Date(2050,01,01), 12],<br /> [new Date(2051,01,01), 13],<br /> [new Date(2052,01,01), 10],<br /> [new Date(2053,01,01), 77],<br /> [new Date(2054,01,01), 47],<br /> [new Date(2055,01,01), 22],<br /> [new Date(2056,01,01), 23],<br /> [new Date(2057,01,01), 12],<br /> [new Date(2058,01,01), 9],<br /> [new Date(2059,01,01), 10],<br /> [new Date(2060,01,01), 10],<br /> [new Date(2061,01,01), 76],<br /> [new Date(2062,01,01), 67],<br /> [new Date(2063,01,01), 22],<br /> [new Date(2064,01,01), 23],<br /> [new Date(2065,01,01), 34],<br /> [new Date(2066,01,01), 9],<br /> [new Date(2067,01,01), 10],<br /> [new Date(2068,01,01), 22],<br /> [new Date(2069,01,01), 23],<br /> [new Date(2070,01,01), 19],<br /> [new Date(2071,01,01), 12],<br /> [new Date(2072,01,01), 10],<br /> [new Date(2073,01,01), 17],<br /> [new Date(2074,01,01), 6],<br /> [new Date(2075,01,01), 6],<br /> [new Date(2076,01,01), 22],<br /> [new Date(2077,01,01), 23],<br /> [new Date(2078,01,01), 70],<br /> [new Date(2079,01,01), 9],<br /> [new Date(2080,01,01), 10],<br /> [new Date(2081,01,01), 72],<br /> [new Date(2082,01,01), 67],<br /> [new Date(2083,01,01), 22],<br /> [new Date(2084,00,04), 23],<br /> [new Date(2085,01,01), 12],<br /> [new Date(2086,01,01), 13]<br /> ]);<br /> <br /> var options = {<br /> title: 'Company Performance',<br /> hAxis: {title: 'Year', titleTextStyle: {color: '#333'},<br /> slantedText:true, slantedTextAngle:80},<br /> vAxis: {minValue: 0},<br /> explorer: { <br /> actions: ['dragToZoom', 'rightClickToReset'],<br /> axis: 'horizontal',<br /> keepInBounds: true,<br /> maxZoomIn: 4.0},<br /> colors: ['#D44E41'],<br /> };<br /> <br /> var chart = new google.visualization.LineChart(document.getElementById('chart_div'));<br /> chart.draw(data, options);<br /> }<br /> ```</div>

Busk