RGraph: svg: 떡 그림

2372 단어 JavaScriptRGraph
더 읽 기
www. rgraph. net 다운로드 RGraph. minified - 2018 - 08 - 14. zip
압축 을 풀 면 디 렉 터 리 libraries 를: lib 로 간략화 합 니 다.
떡 그림 예: RGraph / svgpie1.html




  
  RGraph : SVG Pie charts API 
  
  
  
  


  
var data = [20,13.43,2.83,4.24,7.42,13.43,38.65]; var labels = ['Miscellaneous','Cooking','Office equipment','Refridgeration','Cooling','Ventilation','Lighting']; var tips = new Array(); for (var i=0; i<data.length; i++) { tips[i] = labels[i] + ', ' + data[i] + '%'; } var colors = ['#EC0033','#A0D300','#FFCD00','#00B869','#999999','#FF7300','#004CB0']; var pie = new RGraph.SVG.Pie({ id: 'chart-pie', data: data, options: { labels: labels, tooltips: tips, colors: colors, strokestyle: 'white', linewidth: 2, shadow: true, shadowOffsetx: 2, shadowOffsety: 2, shadowBlur: 3, exploded: 7 } }).draw(); // create table var table = document.createElement("table"); table.border = "1"; // table.width = "100%"; var tb = document.createElement("tbody"); table.appendChild(tb); var tr,td; tr = tb.insertRow(0); // for(var j=0; j<labels.length; j++){ td = tr.insertCell(tr.cells.length); td.innerHTML = labels[j]; td.align = "center"; } tr = tb.insertRow(tb.rows.length); // for(var j=0; j<data.length; j++){ td = tr.insertCell(tr.cells.length); td.innerHTML = data[j] +'%'; td.align = "center"; } document.querySelector("#tab").appendChild(table);

좋은 웹페이지 즐겨찾기