bar.js 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. /*大屏*/
  2. (function () {
  3. 'use strict';
  4. var myChart = echarts.init(document.getElementById('left-header-nong'));
  5. var option = {
  6. title: {
  7. textStyle: {
  8. color: '#2b8fff',
  9. fontSize: 14,
  10. fontWeight: 'bold'
  11. }
  12. },
  13. tooltip: {},
  14. legend: {
  15. show: false
  16. },
  17. xAxis: {
  18. data: ["日至市", "烟台市", "无锡市", "北京市", "抚顺市", "海城市", "葫芦岛市", "上海市", "上海市", "盘锦市", "沈阳市", "铁岭市", "广州市"],
  19. axisLabel: {
  20. // X 轴标签
  21. rotate: 40,
  22. fontSize: 10
  23. },
  24. // 坐标轴线相关设置设置
  25. axisLine: {
  26. show: false,
  27. lineStyle: {
  28. color: '#fff'
  29. }
  30. },
  31. axisTick: {
  32. show: false
  33. }
  34. },
  35. yAxis: {
  36. type: 'value',
  37. axisLine: {
  38. show: false,
  39. lineStyle: {
  40. color: '#fff'
  41. }
  42. },
  43. axisTick: {
  44. show: false
  45. }
  46. },
  47. series: [{
  48. name: '浅蓝',
  49. type: 'bar',
  50. data: [2, 4, 6, 2, 8, 12, 7, 10, 15, 4, 6, 4, 7],
  51. itemStyle: {
  52. color: '#52d2ff'
  53. },
  54. barWidth: 10,
  55. label: {
  56. show: true,
  57. position: 'top',
  58. fontSize: 10,
  59. color: '#52d2ff'
  60. }
  61. },
  62. {
  63. name: '深蓝',
  64. type: 'bar',
  65. data: [5, 8, 6, 5, 10, 12, 3, 6, 8, 3, 7, 9, 10],
  66. itemStyle: {
  67. color: '#1763ff'
  68. },
  69. barWidth: 10,
  70. label: {
  71. show: true,
  72. position: 'top',
  73. fontSize: 10,
  74. color: '#1763ff'
  75. }
  76. }
  77. ]
  78. };
  79. myChart.setOption(option);
  80. window.addEventListener('resize',function(){
  81. myChart.resize();
  82. })
  83. // 屏幕适配
  84. })()