Echarts酒吧问题

Question

我在ordert中使用Echarts来创建一些图表。 我的问题是，当我从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引起的。

Documentation on boundaryGap

尝试将x轴设置为：

xAxis: {
    boundaryGap : true,
}

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

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

Documentation on alignWithLabel