12345678910111213141516171819202122232425262728 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Awesome go-echarts</title>
- <script src="https://go-echarts.github.io/go-echarts-assets/assets/echarts.min.js"></script>
- <script src="https://go-echarts.github.io/go-echarts-assets/assets/themes/westeros.js"></script>
- </head>
- <body>
- <div class="container">
- <div class="item" id="YXTHTzLMOhAV" style="width:900px;height:500px;"></div>
- </div>
- <script type="text/javascript">
- "use strict";
- let goecharts_YXTHTzLMOhAV = echarts.init(document.getElementById('YXTHTzLMOhAV'), "westeros");
- let option_YXTHTzLMOhAV = {"legend":{"show":false},"series":[{"name":"Category A","type":"line","step":true,"connectNulls":true,"waveAnimation":false,"renderLabelForZeroData":false,"selectedMode":false,"animation":false,"data":[{"value":70,"XAxisIndex":0,"YAxisIndex":0},{"value":84,"XAxisIndex":0,"YAxisIndex":0},{"value":83,"XAxisIndex":0,"YAxisIndex":0},{"value":86,"XAxisIndex":0,"YAxisIndex":0},{"value":98,"XAxisIndex":0,"YAxisIndex":0},{"value":102,"XAxisIndex":0,"YAxisIndex":0},{"value":86,"XAxisIndex":0,"YAxisIndex":0},{"value":89,"XAxisIndex":0,"YAxisIndex":0},{"value":89,"XAxisIndex":0,"YAxisIndex":0},{"value":86,"XAxisIndex":0,"YAxisIndex":0},{"value":75,"XAxisIndex":0,"YAxisIndex":0},{"value":72,"XAxisIndex":0,"YAxisIndex":0},{"value":95,"XAxisIndex":0,"YAxisIndex":0},{"value":84,"XAxisIndex":0,"YAxisIndex":0},{"value":88,"XAxisIndex":0,"YAxisIndex":0},{"value":80,"XAxisIndex":0,"YAxisIndex":0},{"value":71,"XAxisIndex":0,"YAxisIndex":0},{"value":76,"XAxisIndex":0,"YAxisIndex":0},{"value":70,"XAxisIndex":0,"YAxisIndex":0}]}],"title":{"text":"group_id=12","subtext":"group_id=12,group size=255"},"tooltip":{"show":false},"xAxis":[{"data":["70","84","83","86","98","102","86","89","89","86","75","72","95","84","88","80","71","76","70"]}],"yAxis":[{}]};
- goecharts_YXTHTzLMOhAV.setOption(option_YXTHTzLMOhAV);
- </script>
- <style>
- .container {margin-top:30px; display: flex;justify-content: center;align-items: center;}
- .item {margin: auto;}
- </style>
- </body>
- </html>
|