echarts 简单折线图

原创

码农GT038527

发布于 2025-07-02 15:12:51

1530

文章被收录于专栏：绘图绘图

代码示例

需要先下载js脚本

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>折线图示例</title>
    <script src="./static/echarts.min.js"></script>
</head>
<body>
    <div id="line" style="width: 400px; height: 400px;"></div>
    <script>
        const chart = echarts.init(document.getElementById('line'));
        chart.setOption({
            xAxis: {
                type: 'category',
                data: ['Jan', 'Feb', 'Mar', 'Apr', 'May']
            },
            yAxis: { type: 'value' },
            series: [{
                type: 'line',
                data: [80, 120, 150, 100, 90]
            }]
        });
    </script>
</body>
</html>

结果展示

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

echarts

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

echarts

登录后参与评论

0 条评论

热度

echarts 简单折线图

echarts 简单折线图

代码示例

结果展示

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐