Echarts常见设置属性

Posted 2023-01-13 nicoz

本文主要介绍常见的一些关于遇到的Echarts的设置：Echarts设置边距、展示标签内容格式、柱形图之间的间距

图表边距

let option=
    grid:left:\'10%\',right:\'10%\'

展示标签内容格式与位置

• formatter

a：系列名。

b：数据名。

c：数据值。

d：百分比比例。

• position

支持：top / left / right / bottom / inside / insideLeft / insideRight / insideTop / insideBottom / insideTopLeft / insideBottomLeft / insideTopRight / insideBottomRight。

let option=
    label:
        position:\'outside\',
        formatter:\'b:c(d%)\'
    

设置柱形图之间的间距

• barGap 不同系列的柱间距离，为百分比
• barCategoryGap 同一系列的柱间距离，默认为类目间距的20%，可设固定值

let option=
    barCategoryGap:5