line.js 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. export const option = {
  2. title: {
  3. text: "堆叠区域图",
  4. },
  5. tooltip: {
  6. trigger: "axis",
  7. axisPointer: {
  8. type: "cross",
  9. label: {
  10. backgroundColor: "#6a7985",
  11. },
  12. },
  13. },
  14. legend: {
  15. data: ["邮件营销", "联盟广告", "视频广告", "直接访问", "搜索引擎"],
  16. },
  17. toolbox: {
  18. feature: {
  19. saveAsImage: {},
  20. },
  21. },
  22. grid: {
  23. top: "20%",
  24. right: "20%",
  25. bottom: "10%",
  26. containLabel: true, // 包含标签在内
  27. },
  28. xAxis: [
  29. {
  30. type: "category",
  31. boundaryGap: false,
  32. data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],
  33. },
  34. ],
  35. yAxis: [
  36. {
  37. type: "value",
  38. },
  39. ],
  40. series: [
  41. {
  42. name: "邮件营销",
  43. type: "line",
  44. stack: "总量",
  45. areaStyle: {},
  46. data: [120, 132, 101, 134, 90, 230, 210],
  47. },
  48. {
  49. name: "联盟广告",
  50. type: "line",
  51. stack: "总量",
  52. areaStyle: {},
  53. data: [220, 182, 191, 234, 290, 330, 310],
  54. },
  55. {
  56. name: "视频广告",
  57. type: "line",
  58. stack: "总量",
  59. areaStyle: {},
  60. data: [150, 232, 201, 154, 190, 330, 410],
  61. },
  62. {
  63. name: "直接访问",
  64. type: "line",
  65. stack: "总量",
  66. areaStyle: {},
  67. data: [320, 332, 301, 334, 390, 330, 320],
  68. },
  69. {
  70. name: "搜索引擎",
  71. type: "line",
  72. stack: "总量",
  73. label: {
  74. normal: {
  75. show: true,
  76. position: "top",
  77. },
  78. },
  79. areaStyle: {},
  80. data: [820, 932, 901, 934, 1290, 1330, 1320],
  81. },
  82. ],
  83. };