zhu.js 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. function setZhu(){
  2. var option = {
  3. tooltip : {
  4. trigger : 'axis',
  5. axisPointer : {
  6. type : 'cross',
  7. crossStyle : {
  8. color : '#999'
  9. }
  10. }
  11. },
  12. grid : {
  13. height : 100,
  14. x : 10,
  15. y : 20,
  16. },
  17. tooltip : {
  18. show : false,
  19. },
  20. legend : {
  21. show : false,
  22. data : ['蒸发量']
  23. },
  24. xAxis : [{
  25. show : true,
  26. type : 'category',
  27. data : ['1月', '2月', '3月', '4月'],
  28. itemStyle : {
  29. normal : {
  30. label : {
  31. position : 'inner',
  32. textStyle : {
  33. "fontSize": 10
  34. }
  35. },
  36. labelLine : {
  37. show : false
  38. }
  39. }
  40. },
  41. }],
  42. yAxis : [{
  43. type : 'value',
  44. show : false,
  45. name : '',
  46. min : 0,
  47. max : 20,
  48. interval : 50,
  49. axisLabel : {
  50. formatter : '{value} ml'
  51. },
  52. axisTick : {
  53. show : false
  54. }
  55. }, {
  56. type : 'value',
  57. show : false,
  58. name : '',
  59. min : 0,
  60. max : 25,
  61. interval : 5,
  62. axisLabel : {
  63. formatter : '{value} °C'
  64. }
  65. }],
  66. series : [{
  67. name : '蒸发量',
  68. type : 'bar',
  69. data : [2.0, 4.9, 7.0, 23.2]
  70. }, {
  71. name : '平均温度',
  72. type : 'line',
  73. yAxisIndex : 1,
  74. data : [2.0, 2.2, 13.3, 24.5]
  75. }]
  76. };
  77. //初始化echarts实例
  78. var myChart = echarts.init(document.getElementById('zhu'));
  79. //使用制定的配置项和数据显示图表
  80. myChart.setOption(option);
  81. }