echarts使用入门

最新推荐文章于 2024-05-28 11:11:34 发布

笑看风云不留痕

最新推荐文章于 2024-05-28 11:11:34 发布

阅读量146

点赞数

分类专栏： echarts

本文链接：https://blog.csdn.net/qq_39432715/article/details/108295955

版权

echarts 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.导入echarts的js

<script src="${ctxPath}/static/build/echars/echarts.min.js"></script>

2.写js

进入官网打开demo
在这里插入图片描述
贴进去

function initechartsDiv1() {
            let option = {
                title: {
                    text: '红方操作次数'
                },
                xAxis: {
                    type: 'category',
                    data: ['15min', '30min', '45min', '60min', '75min', '90min', '105min']
                },
                yAxis: {
                    type: 'value'
                },
                series: [{
                    data: [820, 932, 901, 934, 1290, 1330, 1320],
                    type: 'line'
                }]
            };

            //获取容器
            let  echartsDiv1 = echarts.init(document.getElementById('echartsDiv1'));
            // 加载配置就ok
            echartsDiv1.setOption(option);
        }
        function init(){
            initechartsDiv1();
        }
        window.addEventListener('load',init,false);