area.js 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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. series: [
  45. {
  46. name: 'Email',
  47. type: 'line',
  48. stack: '总量',
  49. areaStyle: {normal: {}},
  50. data: [120, 132, 101, 134, 90, 230, 210]
  51. },
  52. {
  53. name: '联盟广告',
  54. type: 'line',
  55. stack: '总量',
  56. areaStyle: {normal: {}},
  57. data: [220, 182, 191, 234, 290, 330, 310]
  58. },
  59. {
  60. name: '视频广告',
  61. type: 'line',
  62. stack: '总量',
  63. areaStyle: {normal: {}},
  64. data: [150, 232, 201, 154, 190, 330, 410]
  65. },
  66. {
  67. name: '直接访问',
  68. type: 'line',
  69. stack: '总量',
  70. areaStyle: {normal: {}},
  71. data: [320, 332, 301, 334, 390, 330, 320]
  72. },
  73. {
  74. name: '搜索引擎',
  75. type: 'line',
  76. stack: '总量',
  77. label: {
  78. normal: {
  79. show: true,
  80. position: 'top'
  81. }
  82. },
  83. areaStyle: {normal: {}},
  84. data: [820, 932, 901, 934, 1290, 1330, 1320]
  85. }
  86. ]
  87. };