bar-chart - Echarts 栏问题

Question

我正在使用Echartsin ordert 创建一些图表。我的问题是，当我从 更改图表类型时toolbox，新图表超出了绘图区域。我只有这个问题bar。

图表每秒用轮询器刷新。

toolbox:
{
    show: true,
    feature:
    {
        magicType:
        {
            show: true,
            title:
            {
                line: "Line",
                bar: "Bar",
                tiled: "Tiled"
            },
            type: ["line", "bar", "tiled"]
        },
        restore:
        {
            show: true                
        },
        saveAsImage:
        {
            show: true
        }
    }
},

Answer 1

这是因为条形图放置在x 轴刻度上，而不是它们之间。

这很可能是由boundaryGap: false.

关于边界间隙的文档

尝试将您的 x 轴设置为：

xAxis: {
    boundaryGap : true,
}

---

如果您不希望标签位于 x 轴刻度之间，请使用：

xAxis: {
    boundaryGap : true,
    xAxisTicks  : {
        alignWithLabel  : true
    }
}

alignWithLabel 文档