barGap用于设置不同系列的柱间距离，barCategoryGap用于设置同一系列的柱间距离，barWidth属性用于设置柱条的宽度，但把几个属性设置之后（如下代码设置），发现设置的值并没有生效。 series: [ { name: "类型", type: "bar", barGap: "30%", barCategoryGap:'54%', barWidth: "28", }, ] 原因：ECharts会根据barGap、barCategoryGap、barWidth三个属性其中的一个属性的值结合图表的高度进行平均分配，也就是说这...

Echarts官方文档给出的设置坐标轴名称文字样式的属性是nameTextStyle，但在yAxis标签中配置后并不生效，这是因为把坐标轴的name标签和axisLabel标签混淆了，nameTextStyle属性设置的是坐标轴的名称标签name，而要修改坐标轴核度data[]的文字样式，要使用的是坐标轴刻度标签axisLabel，两者虽然标签有不少相同的属性，但实际设置的东西是不一样的。 坐标轴名称 实现代码： yAxis: { type: "category", axisLabel: { color: "#333", ...

series-bar.barGap是series标签的一个参数，用于配置不同系列的柱与柱之间的柱间距离（数值为柱子宽度的百分比）。配置起来很简单的一个参数，但是会发现直接添加到series标签后不生效，原因是没有把grid标签的top、left、bottom、right四个参数设置完，缺少一个都会导致barGap的配置不生效。 不生效的代码： var option = { grid: { left: "2%", right: 0, top: 0, containLabel: true, }, series: [ { ...

Echarts图形上的文本标签label标签默认只显示数值，如果想显示更多的文本或者调整样式，可以通过配置label标签参数实现。如给图形的数值增加一个单位字符串。 给数值增加其它文本内容要用到的label标签参数是formatter（标签内容格式器），示例如下： 原代码： series: [ { name: 'Direct', type: 'bar', stack: 'total', label: { show: true, position: 'outside', }, dat...