lines.png 1.9 KB

123456789101112131415161718192021222324252627
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Awesome go-echarts</title>
  6. <script src="https://go-echarts.github.io/go-echarts-assets/assets/echarts.min.js"></script>
  7. </head>
  8. <body>
  9. <div class="container">
  10. <div class="item" id="LINhYWYUlZQY" style="width:900px;height:500px;"></div>
  11. </div>
  12. <script type="text/javascript">
  13. "use strict";
  14. let goecharts_LINhYWYUlZQY = echarts.init(document.getElementById('LINhYWYUlZQY'), "white");
  15. let option_LINhYWYUlZQY = {"color":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"legend":{"show":false},"series":[{"name":"Category A","type":"line","smooth":true,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":false,"data":[{"value":269,"XAxisIndex":0,"YAxisIndex":0},{"value":164,"XAxisIndex":0,"YAxisIndex":0},{"value":211,"XAxisIndex":0,"YAxisIndex":0},{"value":97,"XAxisIndex":0,"YAxisIndex":0},{"value":14,"XAxisIndex":0,"YAxisIndex":0},{"value":178,"XAxisIndex":0,"YAxisIndex":0},{"value":127,"XAxisIndex":0,"YAxisIndex":0}]},{"name":"Category B","type":"line","smooth":true,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":false,"data":[{"value":112,"XAxisIndex":0,"YAxisIndex":0},{"value":299,"XAxisIndex":0,"YAxisIndex":0},{"value":90,"XAxisIndex":0,"YAxisIndex":0},{"value":9,"XAxisIndex":0,"YAxisIndex":0},{"value":26,"XAxisIndex":0,"YAxisIndex":0},{"value":176,"XAxisIndex":0,"YAxisIndex":0},{"value":121,"XAxisIndex":0,"YAxisIndex":0}]}],"title":{"text":"业务费/能量值消费趋势"},"tooltip":{"show":false},"xAxis":[{"data":["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]}],"yAxis":[{}]};
  16. goecharts_LINhYWYUlZQY.setOption(option_LINhYWYUlZQY);
  17. </script>
  18. <style>
  19. .container {margin-top:30px; display: flex;justify-content: center;align-items: center;}
  20. .item {margin: auto;}
  21. </style>
  22. </body>
  23. </html>