echarts 每根type: 'bar',距离上面一根柱状体设距离

动态 未结 0 141
小小草
小小草 LV1 2023年9月23日 23:40 发表
在 ECharts 中,可以通过设置 `barGap` 和 `barCategoryGap` 属性来控制柱状图之间的距离。 - `barGap` 表示不同系列的柱状图之间的距离,默认值为 `"30%"`,表示柱状图宽度的 30%。 - `barCategoryGap` 表示同一系列的柱状图之间的距离,默认值为 `"20%"`,表示柱状图宽度的 20%。 你可以根据需要调整这两个属性的值,以达到柱状图之间的距离符合你的要求。例如: ```js option = { xAxis: { type: 'category', data: ['A', 'B', 'C', 'D', 'E'] }, yAxis: { type: 'value' }, series: [{ type: 'bar', data: [10, 20, 30, 40, 50], barGap: '10%', // 不同系列的柱状图之间的距离 barCategoryGap: '20%' // 同一系列的柱状图之间的距离 }] }; ``` 在上面的例子中,我们将不同系列的柱状图之间的距离设为柱状图宽度的 10%,将同一系列的柱状图之间的距离设为柱状图宽度的 20%。你可以根据需要调整这两个值,以达到你想要的效果。
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复