1、柱状图或者条形图坐标刻度出现小数

问题描述

当数据量较小时，柱状图的X轴的坐标会用小数点将数据撑开，使其均匀显示，但在一些特定单位（如人/个等）下，是不允许出现小数的。

解决方案

在xAxis中设置minInterval属性。

minInterval: 1, //不允许出现小数位

2、ECharts周围空白的地方太多了，影响美观了

问题描述

Echarts的内容并非撑满整个容器，在四周会有一定的空白。

解决方案

Echarts提供了一个grid属性，它用于直角坐标系内绘图网格

名称默认值描述
zlevel0一级层叠控制。每一个不同的zlevel将产生一个独立的canvas，相同zlevel的组件或图标将在同一个canvas上渲染。zlevel越高越靠顶层，canvas对象增多会消耗更多的内存和性能，并不建议设置过多的zlevel，大部分情况可以通过二级层叠控制z实现层叠控制。
z0二级层叠控制，同一个canvas（相同zlevel）上z越高约靠顶层。
x80直角坐标系内绘图网格左上角横坐标，数值单位px，支持百分比（字符串），如'50%'(显示区域横向中心)
y60直角坐标系内绘图网格左上角纵坐标，数值单位px，支持百分比（字符串），如'50%'(显示区域纵向中心)
x280直角坐标系内绘图网格右下角横坐标，数值单位px，支持百分比（字符串），如'50%'(显示区域横向中心)
y260直角坐标系内绘图网格右下角纵坐标，数值单位px，支持百分比（字符串），如'50%'(显示区域纵向中心)
width自适应直角坐标系内绘图网格（不含坐标轴）宽度，默认为总宽度 - x - x2，数值单位px，指定width后将忽略x2，支持百分比（字符串），如'50%'(显示区域一半的宽度)
height自适应直角坐标系内绘图网格（不含坐标轴）高度，默认为总高度 - y - y2，数值单位px，指定height后将忽略y2，支持百分比（字符串），如'50%'(显示区域一半的高度)
backgroundColor'rgba(0,0,0,0)'背景颜色，默认透明。
borderWidth1边框线宽。
borderColor'#ccc'边框颜色。

可以通过设置x，y的值来控制四周的空白