area.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. /*
  2. * Licensed to the Apache Software Foundation (ASF) under one
  3. * or more contributor license agreements. See the NOTICE file
  4. * distributed with this work for additional information
  5. * regarding copyright ownership. The ASF licenses this file
  6. * to you under the Apache License, Version 2.0 (the
  7. * "License"); you may not use this file except in compliance
  8. * with the License. You may obtain a copy of the License at
  9. *
  10. * http://www.apache.org/licenses/LICENSE-2.0
  11. *
  12. * Unless required by applicable law or agreed to in writing,
  13. * software distributed under the License is distributed on an
  14. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15. * KIND, either express or implied. See the License for the
  16. * specific language governing permissions and limitations
  17. * under the License.
  18. */
  19. export default {
  20. title: {
  21. text: 'Area Chart',
  22. left: 'center',
  23. top: '3%',
  24. textStyle: {
  25. fontWeight: 'normal'
  26. }
  27. },
  28. grid: {
  29. left: '3%',
  30. right: '4%',
  31. bottom: '12%',
  32. containLabel: true
  33. },
  34. xAxis: {
  35. type: 'category',
  36. boundaryGap: false,
  37. data: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday','Sunday']
  38. },
  39. yAxis: {
  40. type: 'value',
  41. splitNumber: 3
  42. },
  43. dataZoom: {
  44. },
  45. series: [
  46. {
  47. name:'Email',
  48. type:'line',
  49. stack: '总量',
  50. areaStyle: {normal: {}},
  51. data:[120, 132, 101, 134, 90, 230, 210]
  52. },
  53. {
  54. name:'联盟广告',
  55. type:'line',
  56. stack: '总量',
  57. areaStyle: {normal: {}},
  58. data:[220, 182, 191, 234, 290, 330, 310]
  59. },
  60. {
  61. name:'视频广告',
  62. type:'line',
  63. stack: '总量',
  64. areaStyle: {normal: {}},
  65. data:[150, 232, 201, 154, 190, 330, 410]
  66. },
  67. {
  68. name:'直接访问',
  69. type:'line',
  70. stack: '总量',
  71. areaStyle: {normal: {}},
  72. data:[320, 332, 301, 334, 390, 330, 320]
  73. },
  74. {
  75. name:'搜索引擎',
  76. type:'line',
  77. stack: '总量',
  78. label: {
  79. normal: {
  80. show: true,
  81. position: 'top'
  82. }
  83. },
  84. areaStyle: {normal: {}},
  85. data:[820, 932, 901, 934, 1290, 1330, 1320]
  86. }
  87. ]
  88. };