echarts柱状图不显示

echarts柱状图不显示的问题可能是由于echarts在获取浏览器宽度时获取不准确造成的。echarts没有准确获得浏览器的宽度，导致柱状图展示不正确、被压缩。解决这个问题的方法是重新获取当前图的高宽度，并将其设置给echarts的容器盒子。具体的代码如下：

var width = $("#echartsBox").width();
var height = $("#echartsBox").height();
$("#echartsBox").css("width", width).css("height", height);

var myCharts = echarts.init(document.getElementById('echartsBox'));
// 在这里配置echarts的相关参数和数据

// 修改首次进入时图的宽度
setTimeout(function(){
    myCharts.resize();
}, 200);

// 当浏览器窗口大小发生改变的时候修改图标的大小
$(window).resize(function(){
    myCharts.resize();
});

这样做可以确保echarts图表按照标准的宽进行展示。请注意，你需要将代码中的`echartsBox`替换为你实际使用的echarts容器的ID。

相关问题

echarts柱状图不显示单位

在Echarts中，柱状图不显示单位可能是因为没有设置标签显示单位。可以通过以下代码设置标签显示单位：

var suffix = params.data.suffix || '';

其中，suffix为标签显示的单位。如果数据中有suffix字段，则使用该字段作为单位；否则，不显示单位。

另外，如果需要在柱状图上显示数值，可以使用Echarts的formatter属性。例如：

series: [{
    data: [10, 20, 30, 40, 50],
    type: 'bar',
    label: {
        show: true,
        position: 'top',
        formatter: '{c}%' // 显示数值，并添加百分号
    }
}]

echarts柱状图怎么显示

要显示echarts柱状图，你需要使用echarts的option对象来配置图表。在option对象中，你需要指定x轴的类型和数据，y轴的类型，以及系列数据。对于柱状图，你可以使用type属性设置为'bar'，然后通过data属性指定柱状图的数据。例如，你可以像下面这样配置option对象：

option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
label: {
show: true,
position: 'top'
},
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}
]
};

在上面的例子中，x轴的类型被设置为'category'，并且通过data属性指定了x轴的数据为['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']。y轴的类型被设置为'value'，表示y轴的数据是数值类型。series数组中包含一个对象，该对象表示图表的一个系列。在该对象中，label属性用于配置柱状图上显示的标签，data属性用于指定柱状图的数据，type属性指定图表的类型为'bar'。