eChartClass.js 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /**
  2. * Created by Administrator on 2017/12/20.
  3. */
  4. function creatPie(list, divId) {
  5. switch (divId) {
  6. case "statistics2Div2":
  7. var myChart = echarts.init(document.getElementById(divId));
  8. var da = [];
  9. for (var i = 0; i < list.length; i++) {
  10. da.push({
  11. value: list[i].数量,
  12. name: list[i].名称
  13. })
  14. }
  15. option = {
  16. tooltip: {
  17. trigger: 'item',
  18. formatter: "{b} : {c} ({d}%)"
  19. },
  20. series: [
  21. {
  22. type: 'pie',
  23. radius: '55%',
  24. center: ['50%', '60%'],
  25. data: da
  26. }
  27. ]
  28. };
  29. myChart.setOption(option);
  30. break;
  31. }
  32. }//饼状图
  33. function createBar(list, divId) {
  34. switch (divId) {
  35. case "statistics2Div3":
  36. var myChart = echarts.init(document.getElementById(divId));
  37. var da1 = [];
  38. var da2 = [];
  39. for (var i = 0; i < list.length; i++) {
  40. if (i % 2 == 1) {
  41. da1.push("\n" + list[i].名称)
  42. } else {
  43. da1.push(list[i].名称)
  44. }
  45. da2.push(list[i].数量)
  46. }
  47. var option = {
  48. tooltip: {},
  49. xAxis: {
  50. 'axisLabel': {'interval': 0},
  51. data: da1
  52. },
  53. yAxis: {},
  54. series: [{
  55. type: 'bar',//柱状图
  56. barWidth: '20%',
  57. data: da2
  58. }]
  59. };
  60. myChart.setOption(option);
  61. break;
  62. }
  63. }//柱状图