ECharts:学习可视化

折线图: 

<script src="../echarts.min.js"></script>
    <script>
        var box = document.querySelector('#dig')
        var echarts = echarts.init(box)
        var option = {
            title:{
                text:'香香鲲',
                textStyle:{
                    color:'red',
                    fontStyle:'italic'
                }
            },
            xAxis:{
                name:'year',
                data:['2016','2017','2018','2019','2020','2021']
            },
            yAxis:{
                name:'KG',
                data:['39','40','41','42','43']
            },
            series:[{
                name:'',
                type:'line',
                data:['39','39','43','42','41','40']
        }]
        }
        echarts.setOption(option)
    </script>

 

posted on 2022-07-27 13:34  香香鲲  阅读(30)  评论(0编辑  收藏  举报