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

最新推荐文章于 2023-10-16 17:46:54 发布

HezhezhiyuLe

最新推荐文章于 2023-10-16 17:46:54 发布

阅读量719

点赞数 1

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

本文链接：https://blog.csdn.net/HezhezhiyuLe/article/details/99857186

版权

前端同时被 2 个专栏收录

19 篇文章 1 订阅

订阅专栏

报表

3 篇文章 0 订阅

订阅专栏

前言

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]
    }]
};