group_2.html 2.1 KB

12345678910111213141516171819202122232425262728
  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. <script src="https://go-echarts.github.io/go-echarts-assets/assets/themes/westeros.js"></script>
  8. </head>
  9. <body>
  10. <div class="container">
  11. <div class="item" id="EJFGITNxIVav" style="width:900px;height:500px;"></div>
  12. </div>
  13. <script type="text/javascript">
  14. "use strict";
  15. let goecharts_EJFGITNxIVav = echarts.init(document.getElementById('EJFGITNxIVav'), "westeros");
  16. let option_EJFGITNxIVav = {"legend":{"show":false},"series":[{"name":"Category A","type":"line","step":true,"connectNulls":true,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":false,"data":[{"value":649,"XAxisIndex":0,"YAxisIndex":0},{"value":757,"XAxisIndex":0,"YAxisIndex":0},{"value":771,"XAxisIndex":0,"YAxisIndex":0},{"value":776,"XAxisIndex":0,"YAxisIndex":0},{"value":838,"XAxisIndex":0,"YAxisIndex":0},{"value":782,"XAxisIndex":0,"YAxisIndex":0},{"value":747,"XAxisIndex":0,"YAxisIndex":0},{"value":791,"XAxisIndex":0,"YAxisIndex":0},{"value":732,"XAxisIndex":0,"YAxisIndex":0},{"value":745,"XAxisIndex":0,"YAxisIndex":0},{"value":643,"XAxisIndex":0,"YAxisIndex":0},{"value":581,"XAxisIndex":0,"YAxisIndex":0},{"value":735,"XAxisIndex":0,"YAxisIndex":0},{"value":783,"XAxisIndex":0,"YAxisIndex":0},{"value":755,"XAxisIndex":0,"YAxisIndex":0},{"value":741,"XAxisIndex":0,"YAxisIndex":0},{"value":719,"XAxisIndex":0,"YAxisIndex":0},{"value":739,"XAxisIndex":0,"YAxisIndex":0},{"value":708,"XAxisIndex":0,"YAxisIndex":0}]}],"title":{"text":"group_id=2","subtext":"group_id=2,group size=1301"},"tooltip":{"show":false},"xAxis":[{"data":["649","757","771","776","838","782","747","791","732","745","643","581","735","783","755","741","719","739","708"]}],"yAxis":[{}]};
  17. goecharts_EJFGITNxIVav.setOption(option_EJFGITNxIVav);
  18. </script>
  19. <style>
  20. .container {margin-top:30px; display: flex;justify-content: center;align-items: center;}
  21. .item {margin: auto;}
  22. </style>
  23. </body>
  24. </html>