前端_echarts学习笔记_(1)基础柱状图结构

Lemon_QAQ_

已于 2022-06-11 21:00:39 修改

阅读量277

点赞数

分类专栏： echarts 文章标签： echarts 前端学习 javascript

于 2022-06-11 20:59:51 首次发布

本文链接：https://blog.csdn.net/qq_36480656/article/details/125238629

版权

echarts 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name: '数据量',
            data: [120, 200, 150, 80, 70, 110, 130],
            type: 'bar',
            barWidth: 40,
            itemStyle: {
                color: "rgb(15, 138, 209)"
            },
            markPoint: {
                data: [
                    {
                        type: 'max',
                        name: '最大值'
                    },
                    {
                        type: 'min',
                        name: '最小值'
                    }
                ]
            },//markLine
        }
    ],
    tooltip: {
        trigger: 'item' //'axis'
    },
    title: {
        text: '物品数据图'
    },
};