浅谈ECharts3 柱形图使用心得

最新推荐文章于 2025-10-28 16:20:43 发布

原创最新推荐文章于 2025-10-28 16:20:43 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts3-0-柱状图-斜

echarts3-0 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了ECharts中标题设置的方法，包括信息、位置及样式配置；讲解了如何调整整个图表的显示位置；并演示了如何设置横坐标标签的颜色，以及如何为图表设置背景颜色。

EChart title设置（信息，位置，样式）

"title": {
        "text": "标题设置",
        "textStyle": {
            "color": "#bcbfff",
            "fontWeight": "bold",
            "fontSize": 14
        },
        "top": "4%",
        "left": "2.2%"
    },

EChart 整个图表显示位置

 "grid": {
        "left": "51%",
        "right": "10%",
        "bottom": "3%",
        "containLabel": true
    },

EChart 横坐标或者纵坐标标签颜色
横坐标为例

 "yAxis": [{
        "type": "category",
        "data": ["TOP5", "TOP4", "TOP3", "TOP2", "TOP1"],
        "axisLine": {
            "show": false
        },
        "axisTick": {
            "show": true,
            "alignWithLabel": true
        },
        "axisLabel": {
            "textStyle": {
                "color": "#fff"
            }
        }
    }],