echarts折线图配置（各种报表）

最新推荐文章于 2024-06-20 09:30:03 发布

HezhezhiyuLe

最新推荐文章于 2024-06-20 09:30:03 发布

阅读量778

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端报表文章标签： echarts 折线

本文链接：https://blog.youkuaiyun.com/HezhezhiyuLe/article/details/99857186

前端同时被 2 个专栏收录

19 篇文章

订阅专栏

报表

3 篇文章

订阅专栏

本文介绍如何使用ECharts库快速绘制折线图，包括配置option参数、设置标题、图例、X轴、Y轴及系列数据。通过示例代码展示折线图的基本用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

ECharts绘制折线图
官方文档各种报表
其实官网都有，你只要翻翻就都出来，上手特快，注意引用就行，不用再百度怎么操作 ???

操作

打开option

    option = {
    title: {
        text: 'ECharts 入门示例'
    },
    tooltip: {},
    legend: {
        data:['销量']
    },
    xAxis: {
        data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
    },
    yAxis: {},
    series: [{
        name: '销量',
        //折线图
        type: 'line',
        //type: 'bar',条形图
        data: [5, 20, 36, 10, 10, 20]
    }]
};