Echart 柱状图柱子倒序排序

柱状图倒序排序:inverse: true,//倒叙

yAxis:{
                    type: 'category',
                    inverse: true,//倒叙
                    scale: false,
                    name: 'Model',
                    nameTextStyle: {
                                                fontFamily: "Arial",
                                                fontSize: 18
                                              }
            }
  • 10
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Echart柱状图中,可以通过设置属性`barCategoryGap`来调整柱子之间的间距。默认情况下,`barCategoryGap`的值为'20%'。如果想要将柱子之间的间距设置为0或者'0%',可以在坐标系中的柱状图的配置中添加`barCategoryGap:0`。例如: ``` series: \[ { type: 'bar', barCategoryGap: 0, data: \[1, 2, 3, 4, 3, 5, 1\], coordinateSystem: 'polar', name: 'A', stack: 'a', emphasis: { focus: 'series' } }, { type: 'bar', data: \[2, 4, 6, 1, 3, 2, 1\], coordinateSystem: 'polar', name: 'B', stack: 'a', emphasis: { focus: 'series' } }, { type: 'bar', data: \[1, 2, 3, 4, 1, 2, 5\], coordinateSystem: 'polar', name: 'C', stack: 'a', emphasis: { focus: 'series' } } \] ``` 通过将`barCategoryGap`设置为0,可以使得柱子之间的间距为0。这样柱子就会紧密排列在一起。 #### 引用[.reference_title] - *1* [echart 设置柱子之间的间距](https://blog.csdn.net/Smy_0114/article/details/82752355)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [解决Echart极坐标系下的堆叠柱状图各系列有间隔问题](https://blog.csdn.net/Shiny_boy_/article/details/127757073)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值