Echarts实战案例代码(47):barGap属性实现不同系列的柱间距离且在最后一个 bar系列上才会生效

简介: Echarts实战案例代码(47):barGap属性实现不同系列的柱间距离且在最后一个 bar系列上才会生效

    series: [
        {
            name: '2011年',
            type: 'bar',
            barWidth:'50%',
            data: [18203, 23489, 29034, 104970, 31744, 30230]
        },
        {
            name: '2012年',
            type: 'bar',
            barGap:"0%",//不同系列的柱间距离,为百分比,此属性应设置于此坐标系中最后一个 'bar' 系列上才会生效
            barWidth:'10%',
            data: [19325, 23438, 31000, 121594, 34141, 81807]
        }
    ]


Done!

相关文章
|
3月前
|
前端开发 JavaScript BI
Django教程第5章 | Web开发实战-数据统计图表(echarts、highchart)
使用echarts和highcharts图表库实现折线图、柱状图、饼图和数据集图
66 2
|
6月前
ECharts 提示框组件Tooltip属性大全(包含文本注释)
ECharts 提示框组件Tooltip属性大全(包含文本注释)
198 0
|
7天前
|
前端开发 JavaScript 定位技术
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
24 0
|
14天前
|
数据可视化 前端开发 定位技术
echarts 关于折线统计图常用的属性设置--超详细(附加源码)
echarts 关于折线统计图常用的属性设置--超详细(附加源码)
21 0
|
2月前
|
前端开发 JavaScript Apache
web前端-Echarts-5.3安装配置和案例
web前端-Echarts-5.3安装配置和案例
|
4月前
|
数据可视化
Echarts5.3.2可视化案例-时间轴动态柱形图
Echarts5.3.2可视化案例-时间轴动态柱形图
|
5月前
Echarts tooltip配置项的属性 图表悬浮框
Echarts tooltip配置项的属性 图表悬浮框
|
6月前
ECharts分段型视觉映射组件的属性修改
ECharts分段型视觉映射组件的属性修改
32 0
|
6月前
echarts 仪表盘三分钟上手及属性修改示例
echarts 仪表盘三分钟上手及属性修改示例
63 0
|
6月前
|
前端开发
【前端统计图】echarts实现属性修改
【前端统计图】echarts实现属性修改
40 0